CSS hack 与Autoprefixer

保证CSS的兼容性

CSS hack

·CSS代码存在兼容性问题

·同一段CSS代码,在不同浏览器上的呈现效果不同。

·针对不同的浏览器写相应的CSS代码

·我们把针对不同的浏览器写相应的CSS代码的过程,叫做CSS hack!

主流浏览器内核

autoprefixer - 图1

CSS hack的目的:就是使你的CSS代码兼容不同的浏览器

CSS hack-属性前缀法

·user-select 属性可以控制用户能否选中文本(存在兼容性问题)

·给CSS属性(user-select),添加浏览器特有的前缀

autoprefixer - 图2

autoprefixer - 图3

autoprefixer - 图4

Autoprefixer 使用caniuse.com的数据来决定哪些属性需要加前缀