IOS的几个兼容问题

1 input 高度和line-height设置为一致时,光标不垂直居中,居上。
解决办法: 根据字体大小和高度,设置行高line-height.比如,高度0.8rem,字体大小0.3rem,那么我们就可以设置line-height:0.4rem;将line-height调低,然后调试即可

2 ios打开新地址 window.open失效,

// 安卓可以这么用

    let  a = document.createElement("a");
      a.setAttribute("href", url);
      //  a.setAttribute("target", "_blank");
      document.getElementsByTagName('body')[0].appendChild(a);
       a.click();


// ios必须加上setTimeout
     let  a = document.createElement("a");
      a.setAttribute("href", url);
      //  a.setAttribute("target", "_blank");
      document.getElementsByTagName('body')[0].appendChild(a);
      setTimeout(()=>{
         a.click();
      }, 100) 

3 fixed 在ios上可能被ios自带背景覆盖
将fixed的元素和主要视图main同级,并设置根元素height:100%;overflow:hidden

你可能感兴趣的:(IOS的几个兼容问题)