在响应式设计方面,您如何处理高分辨率手机,例如 Galaxy S4?

2024-01-12

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

你如何处理这个问题?


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

显然,Galaxy S4 的 CSS 像素比为 3.0,因此,虽然其物理分辨率为 1080x1920,但其 CSS 分辨率仍为 360x640 - 与 Galaxy S3 类似。

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

http://en.wikipedia.org/wiki/List_of_displays_by_pixel_密度#Samsung http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density#Samsung

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

另外,看看这篇文章:

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

很棒的屏幕规格数据库

http://screensiz.es/phone http://screensiz.es/phone

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在响应式设计方面,您如何处理高分辨率手机,例如 Galaxy S4? 的相关文章