wiki:css:css_note:css_vendor_prefix
CSS Vendor Prefix
- description : CSS Vendor Prefix
- author : 오션
- email : shlim@repia.com
- lastupdate : 2021-03-23
Vendor Prefix
브라우저별 CSS 지원을 위하여 벤터 프리픽스 (Vendor Prefix)를 사용할 필요가 있습니다.
브라우저 별 벤터 프리픽스
| Browser | Vendor Prefix |
|---|---|
| IE or Edge | -ms- |
| Chrome | -webkit- |
| Firefox | -moz- |
| Safari | -webkit- |
| Opera | -o- |
| iOS Safari | -webkit- |
| Android Browser | -webkit- |
| Chrome for Android | -webkit- |
다양한 브라우저를 위한 벤더 프리픽스를 사용하는 것은
- 코드의 양 증가
- 불필요한 벤더 프리픽스를 사용할 가능성 증대
라는 결과를 가져올 수 있습니다.
그래서, -prefix-free애서 라이브러리를 다운로드하고,
하기와 같이 include 하기만 하면 이후에는 벤더 프리픽스 없이 모든 CSS를 사용할 수 있다.
<script src="prefixfree.min.js"></script>
Ref
/volume1/web/dokuwiki/data/pages/wiki/css/css_note/css_vendor_prefix.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)
별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Share Alike 4.0 International
