关于屏幕适配

老师，我引入了之前老师封装的通用适配方案，然后跟着敲下来发现这个美团项目在手机上运行效果，整体都比较小，为啥啊，下面截图分别是火狐浏览器开启触屏模拟和不开启触屏模拟的显示效果，以及在我手机上运行的效果截图，为什么会这样啊

我看这节课老师设置适配系数是10，我的是18.75，是因为这个吗，求老师解惑

哈乔 2020-06-10

源自：实战：美团外卖-首页实现 2-12 星级评分（1）

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2020-06-10 11:59:49

同学你好，的确是因为两个适配代码中的系数不同造成的。

当系数是18.75时，在375px的屏幕上，html的字体大小是20px；而系数是10时，同样375的屏幕上，html的字体大小是37.5px；因此，如果元素宽度是2rem，那么系数是18.75时，元素的实际宽度是40px（2rem=2*20），而系数是10时，宽度是75px（2rem=2*37.5），所以同学的尺寸整体都小。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！

收起回答