过去,您会使用基于像素宽度的媒体查询来确定最终用户将获得的显示内容。但是,当您使用更高分辨率的设备(例如 Galaxy S4 (1080x1920) 分辨率)时,这不起作用。
你是怎么处理的?
最佳答案
是什么让您认为媒体查询不起作用?
显然,Galaxy S4 的 CSS 像素比为 3.0,因此,虽然其物理分辨率为 1080x1920,但其 CSS 分辨率仍为 360x640 - 与 Galaxy S3 类似。
还有测试像素密度的媒体查询。它们可以帮助您将高分辨率图片或矢量图形提供给 hi-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/
很棒的屏幕规范数据库
关于html - 在响应式设计方面,您如何处理高分辨率手机,例如 Galaxy S4?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16490175/