css - autoprefixer没有添加web-kit前缀
伊谢尔伦
伊谢尔伦 2017-04-17 11:25:40
0
2
586

在使用autoprefixer时,我尝试了last 2 versions和 > 1%,生成的css中对box-sizing等样式均没有添加wbe-kit前缀.
请问这个结果可用吗?
P.S.:项目只在移动端使用.(移动端浏览器/微信/app内嵌H5使用)

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回覆(2)
阿神

可用。所有市佔>1%的瀏覽器的最新兩個版本都不帶前綴。

https://github.com/postcss/autoprefixer

Autoprefixer 利用 Can I Use 的最新數據僅添加必要的供應商前綴。

http://shouldiprefix.com/#box-sizing

雷雷

http://caniuse.com/#feat=css3-boxsizing

全球 97.61%
無前綴:96.6%

  • Chrome 在使用 box-sizing 時從 select 元素中選擇選項時出現問題:邊框和瀏覽器縮放等級小於 100%。

  • 如果使用 min/max-width/height,IE 8 會忽略 box-sizing: border-box。

  • 當設定為position:absolute/fixed,overflow:auto/overflow-y:scroll時,IE9會將滾動條的寬度減去元素的寬度

  • Safari 6.0.x 不會在有 display: table 的元素上使用 box-sizing;

  • Android 瀏覽器無法正確計算 HTML select 元素的尺寸(寬度和高度)。

  • 在 IE8 中,即使 box-sizing 設定為 border-box,min-width 屬性也適用於 content-box。

編輯:

那些內嵌webview的app都是用android的可升級版本的瀏覽器,但是我找不到官方的版本列表可用,不過android到了5以後,內置的webview變得可以獨立於android的可升級版本系統apk 名為「Android System WebView」所以比較不用擔心版本落後,建議你去下載genymotion直接跑原生的瀏覽器應用程式去測試一下。

我只找到坊間android/webkit的列表,也可以參考google chrome的。

伊谢尔伦

http://caniuse.com/ 瀏覽器大致版本,以及哪些瀏覽器應該增加前綴,都有標示

last 2 versions 這句話大致就是所有瀏覽器的最後兩個版本,所有你可以按照你的需求進行相應修改,我按照你的需求,給你一個案例:

last 10 versions
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板