老师,vscode哪些插件可以实现快速生成多种兼容性写法的CSS

来源:2-3 CSS3-浏览器兼容性

慕尼黑7895541

2020-10-25 16:16:25

例如视频中的flex

写回答

1回答

好帮手慕久久

2020-10-25

同学你好,autoprefixer这个插件可以补全css兼容性前缀,使用过程如下:

搜索到该插件并安装,之后再将版本调成2.2.0(该版本比较好配置):

http://img.mukewang.com/climg/5f95537009a6c5c206080468.jpg

然后,在设置中,做如下配置:

http://img.mukewang.com/climg/5f9553b30955995b09210403.jpg

http://img.mukewang.com/climg/5f9553bf09428bfb05820562.jpg

 "autoprefixer.options": {

        "autoprefixer.browsers": [

            // "last 9 versions", 

            "ie >= 6",  //ie6以上

            "firefox >= 8",

            "chrome >= 24",

            "Opera>=10"

        ]

    },

然后重启一下vscode,找到一个css文件,选中所有代码,进行编译:

http://img.mukewang.com/climg/5f9553f9098fe23d06330680.jpg

http://img.mukewang.com/climg/5f955412099fd07509140469.jpg

编译结果:

http://img.mukewang.com/climg/5f955426095d883605890292.jpg

祝学习愉快!


0

0 学习 · 6815 问题

查看课程