一张设置 width:300px 的图片，为什么在不同手机上显示的宽度不一样

像素宽度难道不是绝对宽度吗？还有document.body.clientWidth、window.innerWidth是如何计算出来的，为什么小米1获取的宽度是320，note3获取的宽度是360，而实际上他们的物理宽度相差很大的，这应该怎么去理解，还有就是怎么能通过js获取到手机的物理宽度。非常感谢。

这个问题还是比较有深度，但不知道为什么被bd 分到c/c++了，太坑了吧，涉及到分辨率、手机dpi、手机实际物理宽高等因素。

希望有大神来回到，加高悬赏

你这是在做手机页面吗

像素宽度并非绝对长度值。这与像素密度有关,即ppi，单位长度所拥有的像素数。 看上去同样大小的屏幕，可能有的是1280*720，而有的是1920*1080，可见它们的像素宽度是不同的。 如果你提前知道某个机型的屏幕参数，可以提前针对各机型进行换算。