H5活动页中关于iphone 问题

1）<meta name="format-detection" content="telephone=no"

  作用： 不会将网页中数据显示为拨号的超链接

 

2） body {

 

           -webkit-tap-highlight-color: transparent;

       }

    当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色

 

3 ） iOS的Safari没有body元素，在动态元素绑定时不能使用body

 

4 ) iOS 的 Safari的click有300ms的延迟，可以使用touchstart事件代替；

     var type= window.navigator.userAgent.match(/(iPhone|iPad|iPod|iOS)/i)?'touchstart':'click';

 

5） 适配iphone X

    meta中 viewport-fit=cover,用于顶部显示