为什么较大尺寸的设备相比较小尺寸的设备具有较小的screen.width？

Question

在测试期间，我发现很少有尺寸非常大的设备Oppo（5.5“）的screen.width等于360px ，而像iPhone 7这样的低尺寸设备的screen.width等于375px 。

如何理解细微差别并有效地测量设备宽度？

Answer 1

px表示像素，即照明点的数量。 这仅取决于屏幕分辨率，而不取决于宽度（以长度为单位）。

Answer 2

如果您想要有效的窗口宽度，可以尝试一下。

 console.log($(window).width()); // returns width of browser viewport console.log($(window).height()); // returns height of browser viewport 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 

有关更多详细信息，请阅读此