我记得移动端适配html的font-size是要用js来动态计算的呀

我记得移动端适配html的font-size是要用js来动态计算的呀

这里直接写死成100像素,就没法适配了呀,这样子写成rem也是固定单位啊,还不如直接用px单位,为什么要这么做喃

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2023-02-11 10:04:40

同学你好,这里其实应该设置动态font-size,可做如下调整:

https://img1.sycdn.imooc.com//climg/63e6f77309d40ec610150803.jpg

 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)

祝学习愉快!

  • 提问者 慕函数0445997 #1

    老师用那个vscode自带的rem格式化的插件,有个叫px2rem的可以在这个vue项目中使用吗

    2023-02-11 10:08:51
  • 好帮手慕久久 回复 提问者 慕函数0445997 #2

    我觉得是可以用的,vue中的css和html中的css一样,没有区别。同学自己试一下,如果不提示转换后的rem数值,可以换成如下插件:

    https://img1.sycdn.imooc.com//climg/63e6f9cf091defc506090098.jpg

    2023-02-11 10:13:54
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师