我记得移动端适配html的font-size是要用js来动态计算的呀
这里直接写死成100像素,就没法适配了呀,这样子写成rem也是固定单位啊,还不如直接用px单位,为什么要这么做喃
13
收起
正在回答 回答被采纳积分+1
1回答
好帮手慕久久
2023-02-11 10:04:40
同学你好,这里其实应该设置动态font-size,可做如下调整:
1 2 3 4 5 6 7 | var docEl = document.documentElement; var setHtmlFontSize = () => { var viewWidth1 = docEl.clientWidth; docEl.style.fontSize = docEl.clientWidth/3.75+ 'px' }; setHtmlFontSize(); window.addEventListener( 'resize' , setHtmlFontSize, false ); |
视频是按照375px的页面,font-size是100,正好对应如下公式:
docEl.clientWidth/3.75(375/3.75=100)
祝学习愉快!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧