老师,之前我提过rem的问题,但是还是有一点小小的疑问

对于一个375px的宽度(Iphone6),一般来说,UI给的设计稿是750px的逻辑像素.

一般我处理的方式是将每个我量取的宽高都除以2,例如一个设计图中80 * 40的按钮,它显示在屏幕上时是40 *20.
假设UI给的设计稿是375的宽,那么不管baseSzie设为多少,只要 元素像素大小 / baseSize = rem值. 通过这个rem值 ✖️ baseSize 就可以得到UI图中的像素大小了.

只要baseSzie等于在html的font-size相同,那么其实从公式上来说都是OK的,前提是设计稿的宽和你浏览器上的宽相同的时候这个baseSize和html font-size必须相同

UI设计稿375 浏览器宽度375

baseSzie 37.5 html font-size: 37.5

但是为了方便,是不是可以将 baseSize 为 100 / 2,因为真正的UI设计稿是750的.然后让html中的font-size为 window.innerWidth(375) / 7.5 = 50

这样的话我也不用自己除以2了,一个40px的宽我只要写0.4rem就可以了.而且在414(iphone 6 plus)时,也可以达到html font-size随着宽度增加而增加的目的.