在使用autoprefixer时,我尝试了last 2 versions和 > 1%,生成的css中对box-sizing等样式均没有添加wbe-kit前缀.请问这个结果可用吗?P.S.:项目只在移动端使用.(移动端浏览器/微信/app内嵌H5使用)
小伙看你根骨奇佳,潜力无限,来学PHP伐。
可用。所有市佔>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。
全球 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
可用。所有市佔>1%的瀏覽器的最新兩個版本都不帶前綴。
https://github.com/postcss/autoprefixer
http://shouldiprefix.com/#box-sizing
雷雷http://caniuse.com/#feat=css3-boxsizing
編輯:
那些內嵌webview的app都是用android的可升級版本的瀏覽器,但是我找不到官方的版本列表可用,不過android到了5以後,內置的webview變得可以獨立於android的可升級版本系統apk 名為「Android System WebView」所以比較不用擔心版本落後,建議你去下載genymotion直接跑原生的瀏覽器應用程式去測試一下。
我只找到坊間android/webkit的列表,也可以參考google chrome的。
http://caniuse.com/ 瀏覽器大致版本,以及哪些瀏覽器應該增加前綴,都有標示
last 2 versions 這句話大致就是所有瀏覽器的最後兩個版本,所有你可以按照你的需求進行相應修改,我按照你的需求,給你一個案例: