css - 移动设备的实际屏幕分辨率是多少

标签 css responsive-design

我最近开始涉足响应式设计。我用了 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/

相关文章:

css - iPhone 5 模拟器和媒体查询

css - 里面有元素的最后一个 child

html - 使用位置 :fixed on tumblr 时链接将不起作用

html - 使用 CSS 将字体大小设置为每个等宽字符正好为 x/window.width

css - @media 在 980px 宽度以下不工作

css - 在响应式设计中将图像调整为 100%

javascript - 如何使我的图片库响应

html - 将 HTML 更改为 CSS 从哪里开始

css - 影响图像间距的严格 DOCTYPE

css - compass Sprite 生成过多的 CSS 类