html移动端的兼容问题

html移动端的兼容问题：
1.iOS手机上点击事件按下之后会会先一个灰色遮罩层
这是因为iOS手机默认增加了高亮显示问题，解决方法把默认高亮选中的效果设置会透明色即可；
html，body{
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgb(0,0,0,0);
}

2.iOS手机上，input点击需要自定义键盘，不用系统键盘时，设置readonly属性之后，还会在界面下方出现一个带有完成按钮的工具条，这是iOS系统自带的针对input输入框的辅助工具条，隐藏不展示的解决办法,在input标签中加这句onfocus="this.blur()“即可
<input readonly onfocus="this.blur()">

3.字符串格式化日期的时，年份之间需用/分割，不能用-，否则ios系统格式化失败

4.mtloadmore使用时，不能直接设置 -webkit-overflow-scrolling :touch，需加载数据之前设置auto，数据加载完成之后再设置为touch，否则ios手机上会造成无法上拉，只能下拉的问题

5.iOS11以前状态栏会对webview有影响，造成webview，从状态栏开始算起，而获取屏幕高度为webview高度的话，会造成html中设置的高度100%，实际高度会是整个屏幕的高度，而webview的高度从导航栏一下开始算起，会比webview的高度要多20像素，需要原生设置是取消导航栏对webview影响之后，self.automaticallyAdjustsScrollViewInsets=NO,再设置相应的高度即可