-
<script> function setRem() { var ui_w = 375; // 获取屏幕的宽度 var clientWidth = document.documentElement.clientWidth || document.body.clientWidth; // 通过js动态改变html根节点字体大小 var html_ = document.getElementsByTagName('html')[0]; html_.style.fontSize = (clientWidth/ui_w)*100 +'px'; } // window.onresize 浏览器被重置大小执行事件 window.onresize = setRem; </script>
根据当前屏幕宽度和设计稿的宽度的比例,动态计算当前宽度下的fontsize值大小,如果fontsize值改变了,之前设定的所有的rem单位的值自动会跟着改变
使用rem开发响应式布局
最新推荐文章于 2024-10-02 05:39:15 发布