本文主要是介绍移动端——通过js动态改变font-size值的大小，来完成rem实现响应式布局，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
直接上代码：
<script>function setRem() {var ui_w = 375;// 获取屏幕的宽度var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;// console.log(ui_w, clientWidth);// 通过js动态改变html根节点字体大小var html_ = document.getElementsByTagName('html')[0];html_.style.fontSize = (clientWidth / ui_w) * 100 + 'px';}// window.onresize 浏览器被重置大小执行事件window.onresize = setRem;</script>其中公式：（clientWidth / ui_w）* 100；中的 “100” 是相对于根节点html的font-size的值。
这篇关于移动端——通过js动态改变font-size值的大小，来完成rem实现响应式布局的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
