检查屏幕宽度是否长于高度和宽度。反之亦然 - 可以吗？

Question

所以我已经对媒体查询进行了相当多的阅读，我得到了为什么在大多数情况下只需指定一个维度并追踪一个设备可能有用......但是如果你只是在寻找设备是什么呢？是肖像还是风景？

我真正想要的是能够检查屏幕宽度或高度是否最长，然后根据答案运行不同的CSS。理想情况下，我希望能够全部内联而不是运行不同的外部样式表。

任何帮助都非常感激。

Answer 1

Ryan和Cimmanon说，是的，可以做到。媒体查询有一个名为orientation的漂亮小选项，您可以将其设置为“纵向”或“横向”。

但请记住，并非所有设备/浏览器都支持某些或任何媒体查询，因此请确保为那些忽略您的样式的设置默认样式。