Css 媒体查询-视口的高度是否大于宽度？

是否可以使用CSS3媒体查询询问：

'视口的高度是否大于宽度'

或：

'视口的宽度是否大于高度'

我想我的图像是流体在两个方向

---

谢谢。

为此，您可以使用以下媒体查询：

orientation:portrait
orientation:landscape

我不能给你更多关于媒体查询的信息，因为我还没有研究它们。请确保您希望支持的设备支持它们

---

至于CSS：不，您无法使用CSS检测视口的宽度和高度。CSS不是一种编程语言，而是一种样式语言。除非你使用CSS预处理器（Sass，更少），否则你将无法用它做任何智能化的事情。

外星人先生在某些技术上可能是对的，因为我不是程序员。但是，如果您想重新设计布局或根据屏幕是处于横向（宽度大于高度）还是纵向（高度大于宽度）模式进行调整，您完全可以使用css媒体查询

---

作为旁注，应该可以分别使用

@media all和（宽度：100vmax）

和

@media all和（高度：100vmax）

表示宽度>高度和高度>宽度，因为W3C推荐规范允许所有标准值。然而，目前似乎没有浏览器支持此功能。。。使用两者可能是一个非侵入性的未来证明，以最大限度地提高兼容性？我没有答案。然而，重要的是要记住，上面提到的技术仍在实现中，在某些情况下（过时的浏览器）并不向后兼容。我个人会尝试采用当今现代浏览器所支持的技术，并在需要时提供回退。（不过对于像IE6这样的浏览器，我只是简单地切换到安迪·克拉克的通用IE6样式表。）