假设我们的设备横向像素宽度为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。

这样一种情况

0
0

混合开发入门 Vue结合Android/iOS开发仿京东项目App

流行的混合开发实战入门,前端和原生开发同学不容错过

1108 学习 · 448 问题

查看课程