老师，帮忙看一下。。谢谢
问题描述：
题目是:750宽的设计稿,1rem = 20px , 现在div元素高度为50px;问:在iphone设备上div元素应该设置多少rem？
尝试过的解决方式：
根据题目意思:
iphone6 屏幕分辨率375 * 667, 在750px的屏幕下1rem = 20px，所以根据公式在375px屏幕下等于375px / 750px = x / 20 x = 10px, 也就是在375px屏幕下1rem = 10px, 那么div在375px屏幕下就应该是50px / 10 px = 5rem。
为什么答案直接就是用50px / 20px = 2.5rem，这求的不是在750屏幕下的大小吗？
53
收起
正在回答
1回答
同学你好，对于你的问题解答如下：
1、当750px设计稿中1rem = 20px， 也就是说此时html元素的font-size属性值为20px，设计稿中元素高度为50px， 转成rem值为 50px / 20px = 2.5rem
2、在iphon6设备下，不用改变元素设置的高度，即：此时的元素高度依然要设置为2.5rem， 需要改变的是html元素的font-size属性值。计算html的font-size大小， 就是使用同学提到的讲师推导出来的这个公式。如下：
代入公式 375px / 750px = ? / 20px 计算后，iphon6屏幕下需要设置字体大小为10px，但是本题问的是div元素高度应该设置为多少rem，所以答案为2.5rem
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星