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,再设置相应的高度即可

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,040评论 3 119
  • 肤质:T区油,鼻翼两侧脸颊油,痘印,不断生长的痘痘,一颗一颗,粉刺,黑头。 对于一个高中时期完全不长痘,白白嫩嫩的...
    莉丽张张阅读 5,619评论 5 1
  • 每天的深度工作时间有多久?这个问题已经整整困惑了我一年多,由于是做销售工作,时间比较自由同时时间特别容易被打扰,原...
    努力学习的清梅阅读 2,586评论 0 6
  • 在spenser的公众号里面连续被诗词大会、最强大脑刷屏,出于好奇打开了最强大脑的最后一期决战时刻,让我关心的不是...
    天蝎爱吃糖阅读 2,206评论 0 0
  • 父亲从住院到确诊到离世时间仅17天,我们全家经历了一场生离死别,有疑惑、有悲痛、有感悟、有感恩。 疑惑。父亲虽是癌...
    老鹰liu阅读 3,613评论 0 0