使用autoprefixer做css兼容

最新推荐文章于 2024-06-18 09:39:48 发布

青赤黄及黑白

最新推荐文章于 2024-06-18 09:39:48 发布

阅读量1.3k

点赞数 2

文章标签： css3 css

本文链接：https://blog.csdn.net/qq_41775006/article/details/111574330

版权

安装 Autoprefixer （指定2.2.0版本的，3.0版本以上在使用时无效，不太会用，点击卸载那里可以切换版本安装）

在这里插入图片描述

在 settings.json 中加上下面的浏览器配置

在这里插入图片描述

"autoprefixer.browsers": [
        "> 1%", 
        "last 2 versions",
        "not ie <= 8",
        "ios >= 8", 
        "android >= 4.0",
        "firefox >= 8",
        "chrome >= 24",
        "Opera>=10"
       ],

在assets中新建一个test.css文件，

使用 Autoprefixer 前

在这里插入图片描述

使用快捷键 Ctrl+Shift+p 显示所有命令，然后搜索Autoprefixer,然后点击它就行了

在这里插入图片描述

使用Autoprefixer后

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

青赤黄及黑白

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
使用autoprefixer做css兼容

安装 Autoprefixer （指定2.2.0版本的，3.0版本以上在使用时无效，不太会用，点击卸载那里可以切换版本安装）在 settings.json 中加上下面的浏览器配置"autoprefixer.browsers": [ "> 1%", "last 2 versions", "not ie <= 8", "ios >= 8", "android >= 4.0",
复制链接

扫一扫