请教一下，手机适配，我用rem来实现网页的css的，但是存在一个问题

Question

我用了10几种手机测试，包括苹果，ipad，都是正常的，但是我发现还是没有兼容全部，分辨率是2k或者4k的手机就有问题，两边会留空白，

Answer 1

手机屏幕不一样，dpr值也就不同，有2的有3的。建议了解一下，dpr相关知识，然后试着用媒体查询试试，如下:@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {    // todo }

Answer 2

同求，不理解

Answer 3

有留白应该是rem没有设置好吧，rem是相对于html上的font-size的值来改变的，还有就是可能你宽度百分比的问题！

Answer 4

不清楚，仅供参考留白肯定时width没有100%；rem在有些浏览器上可能会设置有最小值，就是你设置body{font-size：10px;}但实际展示是10px;这个我也不是很懂，苹果有些版本的物理像素和逻辑像素不一样，书上写的，好像是6plus，考虑下这个问题。

Answer 5

所以要自己做适配