在使用autoprefixer时,我尝试了last 2 versions和 > 1%,生成的css中对box-sizing等样式均没有添加wbe-kit前缀.
请问这个结果可用吗?
P.S.:项目只在移动端使用.(移动端浏览器/微信/app内嵌H5使用)
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
可用。所有市佔>1%的browsers的最新兩個版本都不用prefix。
https://github.com/postcss/autoprefixer
Autoprefixer utilizes the most recent data from Can I Use to add only necessary vendor prefixes.
http://shouldiprefix.com/#box-sizing
.example {
box-sizing: border-box; /* Ch, Saf 5.1+, IE 8+, Op 9+ */
}
http://caniuse.com/#feat=css3-boxsizing
Global 97.61%
unprefixed: 96.6%
•Chrome has problems selecting options from the select element when using box-sizing: border-box and browser zoom level is less than 100%.
•IE 8 ignores box-sizing: border-box if min/max-width/height is used.
•IE9 will subtract the width of the scrollbar to the width of the element when set to position: absolute / fixed , overflow: auto / overflow-y: scroll
•Safari 6.0.x does not use box-sizing on elements with display: table;
•Android browsers do not calculate correctly the dimensions (width and height) of the HTML select element.
•In IE8, the min-width property applies to content-box even if box-sizing is set to border-box.
Edit:
那些內嵌webview的app都是在用android的原生browser,但是我找不到官方的版本列表可用,不过android上了5以后,原生的webview变成可独立於android的可升级版本system apk叫"Android System WebView"所以比较不用担心版本落后,建议你去下载genymotion直接跑原生的Browser app去测试一下。
我只找到坊间android/webkit的列表,也可以參考google chrome的。