H5兼容性问题总结记录
一、苹果iOS时间显示NaN, 但web和安卓显示正常
1、导致原因
2、现象如下 3、解决方案:
new Date(‘2017-09-18 14:58:32’).getTime(); // 在ios上拿不到时间戳显示NaN
改为:
new Date(“2018-02-15 20:30:00”.replace(/-/g,‘/’)).getTime(); // 解决了问题,android 和 ios都正常显示
二、移动端H5中 图片在安卓显示正常, 但在IOS上显示不出来的问题
ios: h5开发或者h5混合APP开发中,图片在安卓正常显示,但是在IOS中却显示不出来,经过实践,发现在img元素上要包裹一个父元素,比如div、figure标签,在父元素里设置图片的宽高,然后在img元素里通过设置宽高为100%继承父元素的宽高。
解决方法:
<figure class="parent">
<img src="./demo.png" alt="" class="child" />
</figure>
.parent {
width: 100px;
height: 100px;
}
.child {
width: 100%;
height: 100%;
}
