当前位置 : 主页 > 手机开发 > 无线 >

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

来源:互联网 收集:自由互联 发布时间:2021-06-10
html字体大小随屏幕大小的改变而改变,封装函数如下: ( function (){ ‘use strict‘ ; setRemUnit(); window.addEventListener( ‘resize‘ ,setRemUnit); function setRemUnit(){ var docEl = document.documentElement; var r

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‘;
    }
})();
网友评论