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

Ada*_*ite 2 css css3 media-queries responsive-design

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

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

要么:

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

我希望我的图像在两个方向都是流畅的!

谢谢.

Mar*_*kes 6

为此,您可以使用以下媒体查询:

orientation:portrait
orientation:landscape
Run Code Online (Sandbox Code Playgroud)

我无法向您提供有关媒体查询的更多信息,因为我还没有对它们进行过研究.确保您希望支持的设备支持它们.

至于CSS:不,你无法使用CSS检测视口的宽度和高度.CSS不是一种编程语言,而是一种样式语言.除非您使用的是CSS预处理器(Sass,Less),否则您将无法使用它进行任何智能操作.