Html 方向：为桌面显示真实的横向

想知道为什么特定于景观的样式在桌面上显示为真

---

我在

@media（最小宽度：1024px）和（方向：横向）

下指定了样式。这些都是专门为iPad设计的。但是，这些样式在桌面上仍然适用？

很简单。因为横向意味着如果视口的宽度大于视口的高度。大多数屏幕都是这样制作的。因此，是的，您的媒体查询应用于桌面。风景画的反面是肖像画。当高度大于或等于宽度时，这是一幅肖像画。参考：

示例：

正文{
显示器：flex；
}
div{
背景：黄色；
}
@媒体（方向：景观）{
身体{
弯曲方向：行；
}
}
@媒体（方向：纵向）{
身体{
弯曲方向：立柱；
}
}

框1
方框2
方框3很简单。因为横向意味着如果视口的宽度大于视口的高度。大多数屏幕都是这样制作的。因此，是的，您的媒体查询应用于桌面。风景画的反面是肖像画。当高度大于或等于宽度时，这是一幅肖像画。参考：

示例：


正文{
显示器：flex；
}
div{
背景：黄色；
}
@媒体（方向：景观）{
身体{
弯曲方向：行；
}
}
@媒体（方向：纵向）{
身体{
弯曲方向：立柱；
}
}
框1
方框2
框3
许多桌面显示器也可以旋转，因此在标准横向方向使用它们应该会触发此，否？@connexo，这与硬件功能无关，但与原始尺寸有关。许多桌面显示器也可以旋转，因此在标准横向方向使用它们应该触发此，否？@connexo，它与硬件能力无关，而是与原始尺寸有关。