在移動端,特別是Android平臺,有些CSS屬性在不同版本的瀏覽器中可能不被支持或者有兼容性問題。這里我們總結了一些常見的CSS屬性和效果。
-webkit-box-shadow: 在 Android 4.4 之前的版本中,該屬性有兼容性問題。解決方法是對其它瀏覽器版本采用標準的 box-shadow。
下面是一些針對文本的問題:
text-overflow:ellipsis; 在 Android 2.3 之前的版本中不兼容。為適應此問題,請給被截斷的文本添加文本省略號。 text-shadow: 在 Android 2.3 以下的版本中可能會出現兼容性問題。
現在關注一些UI的問題:
opacity: 雖然Android 大多數版本都支持 opacity,但在某些Android瀏覽器上,這條屬性可能會導致圖像失真或者光標在 button 內部閃爍。 transition: 在某些 Android 移動設備中,transition 時光標可能示例閃爍。解決辦法是,建議使用兼容 android 的 javascript 庫。
最后,還有問題可能發生在垂直和水平布局上的:
justify-content:屬性 只兼容 Chrome 和 Fire 到 51 版本。有些 Android 瀏覽器還需要加上-webkit-前綴作為兼容。 text-align:center 或 right 等屬性 同理,需要加 -webkit- 前綴作為兼容。
上一篇mysql上傳文章
下一篇jquery bink