美文网首页
网页WebView适配 Android &&

网页WebView适配 Android &&

作者: 戒惜舍得 | 来源:发表于2017-12-25 17:35 被阅读26次

    安卓上 1px 换成 rem 不显示的问题

    scss 中:

    $browser-default-font-size: 37.5px !default;//变量的值可以根据自己需求定义
    
    @function pxTorem($px) {
      @return $px / $browser-default-font-size * 1rem;
    }
    
    

    pxTorem(1px) 不显示的问题

    自己使用 JS 来判断 安卓系统

    
    
    var isMobile = {
      Windows: function() {
        return /IEMobile/i.test(navigator.userAgent);
      },
      Android: function() {
        return /Android/i.test(navigator.userAgent);
      },
      BlackBerry: function() {
        return /BlackBerry/i.test(navigator.userAgent);
      },
      iOS: function() {
        return /iPhone|iPad|iPod/i.test(navigator.userAgent);
      },
      any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Windows());
      }
    };
    
     if(isMobile.Android()){
                    // 安卓下没有表格 border
                    $('td').css('border','1px solid #999');
                  }
    
    

    来增加 border

    相关文章

      网友评论

          本文标题:网页WebView适配 Android &&

          本文链接:https://www.haomeiwen.com/subject/oxgtgxtx.html