Fixed錯誤

浮動（固定）的元素，在瀏覽器窗口大小改變（輸入鍵盤彈出關(guān)閉），交互時，定位屬性會變得異常。位置錯位或者消失等等。

影響：

所有移動瀏覽器。

解決方法：

1. 復(fù)雜交互頁面盡量避免fixed元素。
2. 在input元素頁面，禁止使用fixed元素。

Video全屏Zindex失效

zindex無效，視頻video始終在最上方。

影響：

很多國內(nèi)瀏覽器不兼容

解放方法：

設(shè)計時避免視頻元素與其他元素可能會出現(xiàn)的重疊問題。

IOS里點擊select標(biāo)簽,瀏覽器會退出

當(dāng)<select>里沒有<option>標(biāo)簽的時候,用戶點擊<select>,瀏覽器會強(qiáng)制退出。

影響：IOS系統(tǒng)的瀏覽器

解決方法：

在<select>里加入<option>元素,保證有元素存在。

js使用touchstart事件沒法調(diào)用手機(jī)鍵盤

js使用touchstart事件，對表單使用focus( )方法,對表單獲得焦點,沒辦法調(diào)用手機(jī)的鍵盤。

影響：

Android系統(tǒng)的瀏覽器。

解決方法：

改用js的onclick事件

iOS Safari 委托事件綁定在document的事件失效

Safari瀏覽器下對document進(jìn)行委托事件的綁定，會失效。

影響：

Safari 對click事件定義只能冒泡到body下面的子節(jié)點，所以委托在document上得click事件不會被觸發(fā)。

解決方法：

為body的子節(jié)點添加click事件可以解決。

Android中元素被點擊時產(chǎn)生的邊框

點擊一個鏈接，會出現(xiàn)一個邊框或者半透明灰色遮罩。

影響：

android手機(jī)

解決方法：

設(shè)置`-webkit-tap-highlight-color`的alpha值為0去除部分機(jī)器自帶的效果。

去除移動端輸入框內(nèi)陰影

在iOS上，輸入框默認(rèn)有內(nèi)部陰影，但無法使用 box-shadow 來清除，如果不需要陰影，可以這樣關(guān)閉。

影響：

ios系統(tǒng)的手機(jī)

解決方法：

禁止選中內(nèi)容

如果你不想用戶可以選中頁面中的內(nèi)容，那么你可以在css中禁掉。

.div {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all （移動端不需要） */
  -ms-user-select: none;      /* IE 10+ */     
}