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

标签 html css responsive-design

过去,您会使用基于像素宽度的媒体查询来确定最终用户将获得的显示内容。但是,当您使用更高分辨率的设备(例如 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/

很棒的屏幕规范数据库

http://screensiz.es/phone

关于html - 在响应式设计方面,您如何处理高分辨率手机,例如 Galaxy S4?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16490175/

相关文章:

python - 如何使用 Django-crispy-forms 强制标签换行

css - 为什么我的页面在使用百分比或视口(viewport)调整大小时可以滚动?

html - 媒体查询在本地工作,但上传到网站时不起作用

html - css/html 整个网站容器卡在左边,响应式扩展很差

css - HTML5 占位符文本在 Safari 中添加宽度导致滚动条和闪烁

html - CSS3 Media Query 缩小网页

javascript - page(height,width) 的 CSS 看起来比它实际必须的要小

Javascript 删除克隆的元素

html - 使用图像创建下拉菜单

css - jQuery UI Accordion 和框大小调整 : border-box