当前位置:首页 > 移动开发 > 正文

移动端屏幕适配——简单适配方案

2024-03-31 移动开发

html字体大小随屏幕大小的改变而改变,封装函数如下:

 

(function(){
    ‘use strict‘;
    
    setRemUnit();
    window.addEventListener(‘resize‘,setRemUnit);
    function setRemUnit(){
        var docEl = document.documentElement;
        var ratio = 18.75;
        var viewWidth = docEl.getBoundingClientRect().width || window.innerWidth;
        docEl.style.fontSize = viewWidth / ratio   ‘px‘;
    }
})();

 

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/yidong/18483.html