关于移动端适配

来源：15-1 组件拆分（上）

shuangq

2019-07-30

看了老师的回答说不推荐使用rem，有点懵，我可能深受其他教学机构的影响，一直写移动端都使用的rem
老师能稍微具体的说说为啥不推荐rem的原因吗？
老师这个课程用的是px，根据像素比，每次都除以2，感觉好麻烦啊，但这也只是处理了像素比2的啊，像素比3的还要除以3吧
还有图片，要准备3x和2x图，那设计师就只提供一套图呢，那又该怎么适配了呢？

写回答

1回答

ustbhuangyi

2019-07-31

rem 本质上就是缩放，它的目标是在不同的手机上，看到的内容都是一样多。
不过我认为这个目标就是有问题的，想象一下，一个页面在 iphone4 那样的小屏和 iphone 7 plus 这样的大屏看到的内容一样多？那在 iphone 7p 下的体验会有多差，字体和图标都无比大，会有一种老年机的既视感。
所以高清大屏显示的内容就应该比小屏手机显示的内容多，这样才合理。
设计通常给你的都是 750 的设计稿，那么就除以 2 就好了，没什么麻烦的，不存在除以 3 的情况。
至于 2x 和 3x 图片，是和设备的 dpi 相关的，通常提供 2 份更好，如果只提供一套，就只用 3x 的图，确保高 dpi 的手机看到的图也清晰。