二倍图px对应的rem

来源：7-7 Vue项目首页 - 热销推荐组件开发

慕粉1609321600

2019-05-18

.item
    display: flex;
    height: 1.9rem
    background: red
    overflow: hidden

老师，你好。设计稿给出的高度为94px，对应是.94rem，视频里代码为什么是1.9rem（1.9*50=95）就可以了。前面内容讲的都是用二倍图换算，这里的换算有的不明白，麻烦帮忙解释一下。谢谢

写回答

2回答

六一888

2019-05-19

94px 是已经做好的去哪儿网的页面，不是设计稿，你可以回看视频，仔细观察。

Dell

感谢同学帮忙回复

2019-05-19

共1条回复

涵江谷水

2021-07-16

我也有同样的问题，找了美团的移动端来看，px高度/100之后和正好和页面样式里rem的关系是一样的，除以50就变成2倍关系，后来发现美团按照的页面宽度设置的750px，而去哪儿网的页面宽度是375px,所以页面量的宽度是直接除以50，也就是关系比是1:1

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10705 学习 · 8203 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1