font-size的问题

老师好，我按照教程做到这里，发现我这个在375px的时候字号不是50px，而是33.3333，为什么呢，而且我按照之前您说的utils.js的remUnit值改成了33.3333，也没卵用，宽度依然不是全屏，我是哪里出了问题呢

天罗筱乖 2019-08-15

源自：项目：Vue搭建课程首页 3-1 实现header部分

10

收起

2回答

好帮手慕星星 2019-08-15 14:46:40

同学你好，

项目是在iPhone6下进行测试的吗？html标签的font-size属性值是根据视口宽度进行计算的哦，如果不是在iPhone6设备下进行测试的，font-size属性值可能就不是50px。

remUnit值只是一个px转化成rem的基准，但是html标签的font-size属性值是通过引入的rem.js文件计算显示的：

同学可以下载源码：

将源码中的rem.js文件替换掉自己写的，看看font-size属性是不是正常的呢？或者替换掉源码中rem插件配置的部分，看看是否正常。替换完之后记得要重新启动项目哦！

祝学习愉快！

提问者天罗筱乖 #1

老师好，我的import加上了，rem.js用的也是咱们的。我觉得可能是转换的问题，375px按照1:50来转换是7.5rem，但是到了页面上就自己变成了4.6875rem，也就是1:80，，很纠结，不知道这里怎么改比例

2019-08-15 15:02:28
提问者天罗筱乖 #2

老师好，我用1:50的比例直接写成rem，是一点问题没有的，但是网页上自动给我转成了1:80，所以出现了问题，现在主要就是这儿，不知道这里怎么改比例

2019-08-15 15:17:09
好帮手慕星星回复提问者天罗筱乖 #3

你好，可以到私信中查看回复，老师在私信中给你解决。

2019-08-15 15:19:34

提问者天罗筱乖 2019-08-15 10:07:10

c-header的宽度显示为width: 4.6875rem;

是不是rem转换有问题？

我直接写375px就是全屏

相似问题

font-size和size

为什么我的font属性简写效果，在第一行文字上没有显现出来。

字体颜色为什么用color而不是font-color？

关于font-size设置在整个模块中的问题

关于浏览器兼容的font-size问题

登录后可查看更多问答，登录/注册

4.Vue与React高级框架开发

参与学习人
提交作业 239 份
解答问题 10739 个

本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle

本课精华内容

问答作业

老师，这是关于stylus版本和style语法高亮问题解决（可以编辑器自动缩进）如可可行可以置顶，谢谢

115 1

老师,创建VUE环境花了一天时间，创建流程供同学们参考（window）如果方法可行可以置顶，谢谢

152 1

麻烦老师看看这个写法和注释可以吗?如果可以可以置顶一下参考,谢谢

84 1

请检查是否正确

95 1

transition问题-续

65 3

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载