html{
** font-size:calc(100vw/7.5);**
}
这是按照750的设计稿(也就是iphone6的设计稿)。
100vw是设备的宽度,除以7.5可以让1rem的大小在iPhone6下等于50px。
替换页面中的单位,把所有的px单位替换成rem,除以100,比如某字体大小在设计稿上是36px,就是0.36rem。
在iPhone6下,所有元素的尺寸还是和视觉稿的尺寸一样,而iphone5/iphone6plus中,因为设备的宽度变小/变大了,100vw/7.5得到的值,会相应的变小、变大,即rem的单位值会变,页面中所有的尺寸会等比例缩放。