H5兼容性问题

发布日期:2020-07-30 阅读量:946

1. iOS键盘首字母大写问题

   解决方案:通过设置autocapitalize属性禁止

    <input type="text" autocapitalize="false" />

2. iOS中日期转换问题

   解决方案:将‘-’改为‘/’

    var d = new Date('2020-10-11 12:12:12'); // 当iOS输出会识别不了NaN
    //修改为
    var d = new Date('2020/10/11 12:12:12');

3. 移动端点击事件有300ms延迟

   解决方案:配置meta标签属性user-scallable=0禁止缩放

    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxmum-scale=1,user-scalable=0" />

4. Android 中input的placeholder会偏上

   在PC端设置line-height可以使height对齐,但是在移动端会出现偏上问题

   解决方案:设置line-height为normal

5. 禁止用户选中文字

    -webkit-user-select: none