页面兼容性问题

一，安卓浏览器看背景图片有些设备会模糊
想让图片在手机里显示更为清晰，必须使用2倍的背景图来代替。例如一个div的宽高是100*100，背景图必须得200*200，然后background-size:contain;
二，设置Web应用是否以全屏模式运行

<meta name="apple-mobile-web-app-capable"content="yes">

content=”yes”设置为yes，页面会以全屏运行，反之不会，默认值no
可通过只读属性window.navigator.standalone来确认网页是否以全屏模式显示。
三，识别页面中的电话号码

<meta name="format-detection"content="telephone=no">

三，上下拉动滚动条时卡顿、慢

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 里面的那个叉号

input:-ms-clear{display:none;}

六， iOS 与 OSX 端字体的优化(横竖屏会出现字体加粗不一致等)

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