移动端响应式布局匹配 px转rem

最新推荐文章于 2024-07-02 20:48:24 发布

北斗星的爱886

最新推荐文章于 2024-07-02 20:48:24 发布

阅读量160

点赞数

分类专栏： JavaScript 文章标签：前端 javascript html 响应式布局 rem

本文链接：https://blog.csdn.net/zhangjie2016/article/details/125428523

版权

JavaScript 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

// 移动端响应式匹配 px转rem=20

(function () {
  document.addEventListener('DOMContentLoaded', function () {
    var html = document.documentElement;
    var windowWidth = html.clientWidth;
    html.style.fontSize = windowWidth / 96 + 'px';
  }, false);
})();
window.onload=function(){
	document.addEventListener(
    "DOMContentLoaded",
    function() {
      var deviceWidth = document.documentElement.clientWidth;
      document.documentElement.style.fontSize = deviceWidth / 96 + "px";
    },
    false
  );

  window.onresize = function() {
    var deviceWidth = document.documentElement.clientWidth;
    document.documentElement.style.fontSize = deviceWidth / 96 + "px";
  };
}