我最近开始涉足响应式设计。我用了 http://responsivepx.com/测试我的设计在每种屏幕分辨率下的外观。我有一部手机(galaxy prime core)根据那个site它的屏幕分辨率为 480X800。问题是,我试图在 (min-width=480) px 上设置断点,但我的手机没有响应该断点。经过进一步测试,手机在我设置(min-width=320px)时响应断点,而在我设置(min-width:321px)时没有响应,所以我认为我的手机实际宽度是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/