如何仅定位横向移动设备而不通过CSS影响桌面？

Question

是否有一种简单的方法可以将横向移动设备定位为台式设备，而又不为每个设备输入屏幕尺寸？如果不是，是否有一个针对大多数用户的最佳解决方案？如今，移动屏幕的分辨率可以与大多数台式机屏幕相同或更高，我看不出为什么有很多人使用640x480以下分辨率的规则。

例如，要定位纵向设备（99％是移动设备），则可以在[]中编写其规则>

/*Global and desktop rules*/

@media only screen and (orientation: portrait) {
/*Mobile overwrites*/
}
但是，对orientation: landscape的相同查询也会影响桌面用户。我的临时解决方法是使用vw，vh和vmin，但我想知道是否有更好的方法。

mobile CSS媒体会简化Web开发人员的工作吗？

是否有一种简单的方法可以将横向移动设备作为目标而不影响台式机，而无需为每个设备输入屏幕尺寸？如果不是，是否有一个最佳解决方案可针对大多数...

Answer 1

您可以混合使用CSS媒体查询来查询orientation

Answer 2

为什么不只使用最大宽度而不是方向？

Answer 3

有一个查询@media pointer，它确定用户是否具有定点设备（如鼠标）。由于移动设备没有指针，因此您可以将not pointer和orientation: landscape组合在一起，例如]

 @media (not: pointer) and (orientation: landscape) { ... }

Answer 4

尝试一下：