哪些css样式的属性应该加上浏览器的前缀?

查看CSS3的box-sizing属性是发现它加上了浏览器的前缀。

div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
width:50%;
float:left;
}

那么究竟哪些属性要加上浏览器的前缀呢?

阅读 11.6k
3 个回答

事实上,完全不需要自己考虑浏览器的prefix问题,因为已经有多个工具可以代替人工完成这个坑爹的任务了。
比如Autoprefixer: https://github.com/postcss/au...
你也可以去谷歌上搜css auto prefix以获得更多工具嗯…

解决了,在webpack.base.config.js中配置

vue: {
    loaders: utils.cssLoaders({ sourceMap: useCssSourceMap }),
    postcss: [
      require('autoprefixer')({
        // browsers: ['last 2 versions']
         browsers: ['last 10 Chrome versions', 'last 5 Firefox versions', 'Safari >= 6', 'ie > 8']
      })
    ]
  }
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏