我最近开始涉足响应式设计。我使用http://responsivepx.com/来测试我的设计在每种屏幕分辨率下的外观。我有一部手机(银河主核),根据site,它的屏幕分辨率为480X800。问题是,我尝试在(min-width = 480)px上设置一个断点,但是我的手机没有响应该断点。经过进一步测试后,手机在设置断点(最小宽度= 320像素)时对断点做出了响应,而在设置断点(最小宽度:321像素)时却没有响应,所以我认为电话的实际宽度为320像素...
我的问题是:这是什么意思,有没有一种计算方法,或者仅仅是宽度-160?

最佳答案

设备宽度(您的浏览器看到的值以及您在媒体查询中使用的值)不是"width - 160",而是"physical width / device pixel density"。您的电话是150%,因此是480 / 1.5 = 320

为了很好地概述手机的常见屏幕分辨率,建议使用http://screensiz.es/phone

关于css - 移动设备的实际屏幕分辨率是多少,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37153010/

10-10 00:26