美文网首页
h5移动端rem使用750设计稿

h5移动端rem使用750设计稿

作者: 々柯童鞋々 | 来源:发表于2024-06-05 10:21 被阅读0次
    function getFontSize() {
      var baseFontSize = 100;
      var baseWidth = 750;
      var minWidth = 320;
      var clientWidth = window.innerWidth;
      var innerWidth = Math.max(Math.min(clientWidth, baseWidth), minWidth);
      var rem = clientWidth / (baseWidth / baseFontSize);
      if (clientWidth > baseWidth) {
        rem = 100
      }
      if (clientWidth < minWidth) {
        rem = minWidth / (baseWidth / baseFontSize);
      }
      document.querySelector('html').style.fontSize = rem + 'px';
    }
    (function(doc, win) {
      getFontSize();
      window.onresize = function() {
        getFontSize();
      }
    })(document, window);
    

    相关文章

      网友评论

          本文标题:h5移动端rem使用750设计稿

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