前端页面运用rem自适应屏幕大小

时间:2026-02-15 23:07:30

1、把下面的代码放在你的js文件或标签里,然后去浏览器页面查看html的

font-size的值是多少,然后根据自己需求设置下面代码里的“15”的大小;

举个列子:ui设计稿750px,如果每个rem为50px的话,就可以分成15份,那如果每个rem为15px的话,则可以分成50份;一般情况下   这里的“15”是根据你设计稿里的常用字的大小来确定的。

window.onload=function(){ (function(){           

           var html = document.documentElement;  

           var windowWidth = html.clientWidth;  

           html.style.fontSize = windowWidth /15+ 'px';   

})();         }

© 2026 海能知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com