媒体查询低分辨率小屏幕(手机)

时间:2015-02-17 17:43:45

标签: mobile responsive-design media-queries resolution pixel-ratio

我正在为具有两个主要元素的页面制作响应式布局,我需要在标准电话屏幕上隐藏其中一个(让我们说大约5英寸)。 子条件是横向模式,屏幕宽度高达800px。 通常,智能手机可以容易地与普通监视器区分开,因为它们具有更高的像素比(> 1)和/或分辨率(> 130dpi)。即便如此,通过Chrome Dev Tools进行测试,我遇到了一些像素比率= 1且分辨率= 96dpi的手机,这些规格使得它们与我的媒体查询的普通显示器无法区分:

@media only screen and (orientation:landscape) and (max-width:800px) and (min-resolution: 1dppx);

如上所述,此媒体查询也会影响常见的监视器。我可以使用其他任何规范来分离案例吗?

关于此事,请投入一些设备:

  • Motorola Droid 3/4 / Razr / Atrix(540x960px;像素比率:1;分辨率96dpi)

  • 摩托罗拉Droid Razr HD(720x1280像素;像素比率:1;分辨率96dpi)

  • Sony Xperia Sola(480x854像素;像素比率:1;分辨率96dpi)

谢谢。

0 个答案:

没有答案