页面兼容性问题

一，安卓浏览器看背景图片有些设备会模糊

想让图片在手机里显示更为清晰，必须使用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:%;