本文共 684 字，大约阅读时间需要 2 分钟。

自适应布局rem

//百分比布局只能实现宽度自适应 高度无法自适应

原理：

示例：

window.onresize = () => {    setHtmlFontSize()}setHtmlFontSize()$(window).bind( 'orientationchange', function(e) {    setTimeout(() => {      setHtmlFontSize()    }, 200)});function setHtmlFontSize () {  //判断横竖屏    let fontSize = 0    var width = document.documentElement.clientWidth;    var height = document.documentElement.clientHeight;    if( width > height ){       fontSize = height / 7.5    }else {      fontSize = width / 7.5    }            document.getElementsByTagName('html')[0].style = 'font-size:' + fontSize + 'px'}

转载地址：https://blog.csdn.net/weixin_43799793/article/details/104320438 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！