html移动端的兼容问题

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

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

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

4.mtloadmore使用时,不能直接设置 -webkit-overflow-scrolling :touch,需加载数据以前设置auto,数据加载完成以后再设置为touch,不然ios手机上会形成没法上拉,只能下拉的问题工具

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