检查屏幕宽度是否长于高度,反之亦然 - 可以做到吗?



所以我读了很多关于媒体查询的文章,我明白为什么在大多数情况下,只指定一个维度并跟踪设备可能会有用。。。但是,如果你只是在寻找设备是人像还是风景呢?

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

非常感谢您的帮助。

正如Ryan和Cimmanon所说,是的,这是可以做到的。媒体查询有一个漂亮的小选项,叫做方位,你可以将其设置为"纵向"或"横向"。

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

最新更新