頁面相容性問題

一，安卓浏覽器看背景圖檔有些裝置會模糊

想讓圖檔在手機裡顯示更為清晰，必須使用2倍的背景圖來代替。例如一個div的寬高是100*100，背景圖必須得200*200，然後background-size:contain;

二，設定Web應用是否以全屏模式運作

content=”yes”設定為yes，頁面會以全屏運作，反之不會，預設值no

可通過隻讀屬性window.navigator.standalone來确認網頁是否以全屏模式顯示。

三，識别頁面中的電話号碼

三，上下拉動滾動條時卡頓、慢

body {-webkit-overflow-scrolling:
 touch; overflow-scrolling: touch;}
           

四、部分機型存在type為search的input，自帶close按鈕樣式修改方法

有些機型的搜尋input控件會自帶close按鈕（一個僞元素），而通常為了相容所有浏覽器，我們會自己實作一個，此時去掉原生close按鈕的方法為

#Search::-webkit-search-cancel-button{
  display:none; 
}
           

五，iOS 系統中，中文輸入法輸入英文時，字母之間可能會出現一個六分之一空格

可以通過正則去掉

this.value = this.value.replace(/\u2006/g,'');

六，消除 IE10 裡面的那個叉号

六， iOS 與 OSX 端字型的優化(橫豎屏會出現字型加粗不一緻等)

-webkit-text-size-adjust:%;
-ms-text-size-adjust:%;
text-size-adjust:%;