반응형
CSS 공급 업체 접두사 목록?
다음 목록 외에도 웹 개발에 중요한 다른 CSS 공급 업체 접두사가 있습니까? 내 정의가 정확합니까? 모바일 브라우저 (예 : 모바일 Webkit)에 대해 더 구체적으로 설명해야합니까?
-khtml-(Konqueror, 정말 오래된 Safari)-moz-(Firefox)-o-(오페라)-ms-(인터넷 익스플로러)-webkit-(Safari, Chrome)
합니까 이 목록을 (또한 포함하는 mso-, -wap-그리고 -atsc-가치의 추가 아무것도)?
내가 아는 것들은 다음과 같습니다.
-ms-마이크로 소프트mso-마이크로 소프트 오피스-moz-Mozilla Foundation (Gecko 기반 브라우저)-o-,-xv-Opera 소프트웨어-atsc-고급 텔레비전 표준위원회-wap-WAP 포럼-webkit-Safari, Chrome (및 기타 WebKit 기반 브라우저)-khtml-,-konq-Konqueror 브라우저-apple-Webkit은 -apple- 접두사를 사용하는 속성도 지원합니다.prince-YesLogic-ah-안테나 하우스-hp-휴렛 패커드의-ro-실제 개체-rim-리서치 인 모션-tc-키가 큰 부품
이들은 공식적으로 CSS 2.1 사양, 정보 섹션 4.1.2.2에 나열되어 있습니다.
웹 개발의 직접적인 컨텍스트는 아니지만 JavaFX는 CSS 사용에도 공급 업체 접두사를 사용 -fx-합니다..
제안 사항입니다. CSS 전환을 접두사로 추가 column-count: 3;하려는 경우 모든 주요 브라우저에 대한 지원을 원하고 여기에 답변에 언급 된 모든 접두사를 속성에 접두사로 추가하면 더 좋고 최적의 방법이됩니다. 이 작업을 수행하는 도구를 사용하십시오.
pleeease.io 와 같은 온라인 테이크 를 사용 하여 변환을 수행 할 수 있습니다.
입력
a {
column-count: 3;
column-gap: 10px;
column-fill: auto;
}
산출
a {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-column-fill: auto;
-moz-column-fill: auto;
column-fill: auto;
}
참고URL : https://stackoverflow.com/questions/5411026/list-of-css-vendor-prefixes
반응형
'program story' 카테고리의 다른 글
| 권한 파일이 프로비저닝 프로필에 지정된 것과 일치하지 않습니다. (0xE8008016) (0) | 2020.11.16 |
|---|---|
| 포인터가 가리키는 int의 증가 값 (0) | 2020.11.15 |
| indexedDB는 HTML5 로컬 저장소와 개념적으로 어떻게 다른가요? (0) | 2020.11.15 |
| 차단 대기열 및 다중 스레드 소비자, 중지시기를 아는 방법 (0) | 2020.11.15 |
| QR 코드에 얼마나 많은 데이터 / 정보를 저장 / 저장할 수 있습니까? (0) | 2020.11.15 |