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%;
}
经验分享 程序员 微信小程序 职场和发展