我正在为具有两个主要元素的页面设计响应式布局,并且我需要将其中一个隐藏在标准手机屏幕上(假设最多大约 5 英寸)。子条件是横向模式和最大 800 像素的屏幕宽度。通常智能手机很容易与普通显示器区分开来,因为它们具有更高的像素比 (> 1) 和/或分辨率 (>130dpi)。即便如此,通过 Chrome 开发工具进行测试,我还是遇到了一些像素比 = 1 和分辨率 = 96dpi 的手机,这些规格使它们与我的媒体查询无法区分为普通显示器:
@media only screen and (orientation:landscape) and (max-width:800px) and (min-resolution: 1dppx);
如前所述,此媒体查询也会影响普通监视器。是否有任何其他规范可以用来分隔这些案例?
抛出一些关于此事的设备:
摩托罗拉 Droid 3/4/Razr/Atrix(540x960px;像素比:1;分辨率 96dpi)
摩托罗拉 Droid Razr HD(720x1280 像素;像素比:1;分辨率 96dpi)
Sony Xperia Sola(480x854px;像素比:1;分辨率 96dpi)
谢谢你。