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

Question

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

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

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

Answer 1

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

Answer 2

http://caniuse.com/

Answer 3

解决了，在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']
      })
    ]
  }