?疑惑解答
比如手机屏宽375,dpr:1,1rem=font-size=40
当dpr:2时
则设置初始inited-scale:0.5
得到的屏幕宽度Width将是375*2
再运算得到的html的1rem=font-size=80
这样理解有错误吗?????
如果无误那为什么例子 drp=2时,1rem给还是等于40,设置header高度还是2.5rem,而字体则需要*2倍数?
14
收起
正在回答 回答被采纳积分+1
2回答
好帮手慕久久
2020-06-28 19:19:49
同学你好,理解是对的,具体如下:
在通用适配中,系数设置的是18.75,当dpr=2时,如果不对视口进行缩放,1rem等于20px:
当视口缩放时,1rem就等于40px:
字体之所以设置成24px,是因为字体的fontsize没有使用rem作为单位。
当视口的inited-scale为0.5时,页面的宽度会变成750px(放大2倍),那么字体如果还设置成12px,就会比较小,所以需要对应将字体放大二倍。
而header的实际高度其实也是放大二倍的,因为1rem=40px,不再是1rem=20px。
虽然元素对应放大了,但是由于页面的缩放比inited-scale为0.5,二者相互作用的结果就是页面整体看上去没有变化。
同学试着理解一下。
如果我的回答帮到了你,欢迎采纳,祝学习愉快!
3.WebAPP开发与小程序
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星