假设我们的设备横向像素宽度为750
来源:3-11 rem 兼容性设置代码实现

慕粉1470117225
2020-07-20
假设我们的设备横向像素宽度有375,420和750。在750的设计稿中,在750的设备里,20px根据计算,px2rem(20) = 20 / 37.5 + ‘rem’ ,也就是 20 / 37.5 * 42 个像素值 , 也就是 22.4 px 。 在420的设备里,结果也是22.4px,在375的设备中就是,px2rem(20) = 20 / 37.5 + ‘rem’ ,也就是 20 / 37.5 * 37.5 个像素值,也就是20px。假设没有设置最大的fontSize,在750的设备里,20px根据计算,px2rem(20) = 20 / 37.5 + ‘rem’ ,也就是 20 / 37.5 * 75 个像素值 , 也就是 40px ,420的设备里,就是22.4px,375设备里就是20px。这样不是才毕竟合理吗老师?
疑问就是咱们是有个假设,设计稿是375,所以你的rootFontSize的大小才是375/10。所以20px在375的设备里就是20px,420设备中是22.4px.但是你限制了最大的fontSize,导致设计稿20px在750的设备里也是22.4。这样不就没有等比放大里吗。还是说手机屏幕越大不是让你把东西也放大了,是为了看到更多的内容?不过这样布局不就不一样了
写回答
1回答
-
Sunday
2020-07-20
你好:
对于 FontSize 我们是不能够无限放大的。并且我们设置的最大 fontSize 是42, 是不会出现你说的
导致设计稿20px在750的设备里也是22.4。
这样一种情况
00
相似问题