猿记录

一个记录、分享的博客

您的位置:主页 > 技术专栏 >

autoprefixer

autoprefixer不仅会帮你加-webkit-之类的prefixer, 
它还会帮你删除你自己写在 css/sass/less里的样式, 
真是厉害了

关闭autoprefixer的自动删除功能,这样:

/* autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */1234

用注释包裹的中间这一句就不会被删除

再深究一下

1.autoprefixer会帮你删除老式过时的代码 
2.autoprefixer也会帮你增加新前缀

你可以增加remove: false这个配置项,就不会开启自动移除功能

postcss([ autoprefixer({ remove: false }) ]);1

不仅如此,你还可以只让它移除老前缀,不自动增加新前缀

postcss([ autoprefixer({ add: false, browsers: [] })]);

如果你使用css超出省略号,发现不行,你可以改为这样,因为你从浏览器看出css -webkit-box-orient: vertical;这个属性并没有出现

 display: -webkit-box;

   /* autoprefixer: off */

    -webkit-box-orient: vertical;

    /* autoprefixer: on */

    -webkit-line-clamp: 2;

    overflow: hidden;


凡本站注明“本站”或“投稿”的所有文章,版权均属于本站或投稿人,未经本站授权不得转载、摘编或利用其它方式使用上述作品。

编辑:yxl 关键词: css
0

网友评论