在响应式设计方面，你如何处理高分辨率手机，比如 Galaxy S4？答案

【问题标题】：In terms of responsive design, how do you handle high resolution phones, such as the Galaxy S4?在响应式设计方面，你如何处理高分辨率手机，比如 Galaxy S4？
【发布时间】：2013-05-05 14:31:40
【问题描述】：

从历史上看，您会使用基于像素宽度的媒体查询来确定最终用户将获得什么显示。但是，当您使用更高分辨率的设备（例如 Galaxy S4 (1080x1920) 分辨率）时，这不起作用/不会起作用。

你是怎么处理的？

【问题讨论】：

AFAIK 它仍然有效，因为像素不是像素quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
究竟是什么不起作用？ blog.cloudfour.com/…
首先，视口已经在像这样的高分辨率设备上进行了缩放，通常为980px。您可以将其更改为使用本机分辨率。根据您的需要，以ems 为基础，这个问题会自动解决。大多数设备都将1em 设置为可读大小。这可能是广告的真正问题，广告总是固定为像素大小。
我也在想同样的事情。您为我节省了研究时间！

标签： html css responsive-design

【解决方案1】：

不确定您的响应式设计使用什么框架，但我使用 Bootstrap 将其添加到 <head>，它对我有用：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这里有一些很好的信息：

http://www.html5rocks.com/en/mobile/mobifying/

具体来说，“视口”主题下的部分解决了您的问题。

【讨论】：

【解决方案2】：

是什么让您认为媒体查询不起作用？

显然，Galaxy S4 的 CSS 像素比是 3.0，因此，虽然它的物理分辨率是 1080x1920，但它的 CSS 分辨率仍然是 360x640 - 类似于 Galaxy S3。

还有用于测试像素密度的媒体查询。它们可以帮助您将高分辨率图片或矢量图形提供给高 dpi 设备。

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density#Samsung

http://bjango.com/articles/min-device-pixel-ratio/

另外，看看这篇文章：

http://www.html5rocks.com/en/mobile/high-dpi/

很棒的屏幕规格数据库

http://screensiz.es/phone

【讨论】：

感谢大家的回答，现在这对我来说更有意义了。
维基百科链接失效了，我想你可以在en.wikipedia.org/wiki/…找到相同的内容