关于ios手机,x,xr等机型,在app中地步线条压倒app底部导航问题

Posted 武向前

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于ios手机,x,xr等机型,在app中地步线条压倒app底部导航问题相关的知识,希望对你有一定的参考价值。

其它机型可以根据实际情况再添加

function isIphoneX(){

  if(/iphone/gi.test(window.navigator.userAgent)){
    /* iPhone X、iPhone XS */
    var x=(window.screen.width === 375 && window.screen.height === 812);
    /* iPhone XS Max */
    var xsMax=(window.screen.width === 414 && window.screen.height === 896);
    /* iPhone XR */
    var xR=(window.screen.width === 414 && window.screen.height === 896);
    if(x || xsMax || xR){
      return true;
    }else{
      return false;
    }
  }else{
    return false
  }
}
/* 函数使用 */
if(isIphoneX()){
  document.getElementById("bottomNav").style.paddingBottom="10px";
  document.querySelector(".mui-bar-tab").style.height="70px";
}

以上是关于关于ios手机,x,xr等机型,在app中地步线条压倒app底部导航问题的主要内容,如果未能解决你的问题,请参考以下文章

做app兼容性测试时如何挑选机型

做app兼容性测试时如何挑选机型

手机app测试之我见

关于ios浏览器及各机型微信浏览器的video控件

苹果系统需要一直更新吗?

手机app测试