常见的兼容bug

对一些兼容问题做记录

1.样式兼容

1.1 不同分辨率机型的字体和布局不对称

解决：使用vw + rem vw是视口宽度 设置html的font-size为vw宽 那么rem就是自适应大小的单位
\

1.2 IOS使用margin把底部设置一定的间距,margin-bottom无效,安卓有效

解决：在需要留白的区域添加空白块(DIV)
\

1.3 安卓部分版本input的placehoder偏上

解决：line-height:normal

1.4 H5移动端touch事件有穿透（点透）的问题，怎么解决

解决：
1.阻止默认行为:e.preventDefault();
2.第三方库：fastclick.js\

2.其它兼容

2.1 H5移动端click时间有300ms的延迟

解决：设置不可缩放：mate name=viewport content=user-scalable=no

原理：如果可缩放，浏览器要监听你是否双击，这存在300ms延迟

2.2 ios转换日期字符串new Date(‘2020-11-11 11:11:11’)成对象NaN

解决：new Date(‘2020/11/11 11:11:11’)

new Date(date.replace(/-/g, “/”))

场景: 拿到日期字符串，需要转成对象重置格式2020-11-11