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

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

查看完整描述

5 回答

i7eo

TA贡献3条经验获得超5个赞

手机屏幕不一样，dpr值也就不同，有2的有3的。
建议了解一下，dpr相关知识，然后试着用媒体查询试试，如下:

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {

// todo

}

1 反对回复 2017-03-24

粪坑

TA贡献1条经验获得超0个赞

同求，不理解

反对回复 2017-03-24

You Are My Destiny

TA贡献6条经验获得超2个赞

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

反对回复 2016-10-25

SBC
其实是像素太高了，我前端用js判断小于640的时候，100*(width-640)，大于的话就100px,正常情况下一般所有的都可以，就是高清的不行，但是如果完全按照width来的话，pc端很丑，不过现在解决了，只能弄一个手机端一个pc端分开

回复 2016-10-31

咕咕问

TA贡献78条经验获得超12个赞

不清楚，仅供参考

留白肯定时width没有100%；

rem在有些浏览器上可能会设置有最小值，就是你设置body{font-size：10px;}但实际展示是10px;

这个我也不是很懂，苹果有些版本的物理像素和逻辑像素不一样，书上写的，好像是6plus，考虑下这个问题。

反对回复 2016-10-25

Linda_Je

TA贡献35条经验获得超86个赞

所以要自己做适配

反对回复 2016-10-24

5 回答