是否可以使用 CSS3 媒体查询来询问:
'视口的高度是否大于宽度'?
或者:
'视口的宽度是否大于高度'?
我希望我的图像在两个方向上都是流畅的!
谢谢。
是否可以使用 CSS3 媒体查询来询问:
'视口的高度是否大于宽度'?
或者:
'视口的宽度是否大于高度'?
我希望我的图像在两个方向上都是流畅的!
谢谢。
为此,您可以使用以下媒体查询:
orientation:portrait
orientation:landscape
我无法向您提供有关媒体查询的更多信息,因为我还没有研究过它们。请确保它们受到您希望支持的设备的支持。
至于 CSS:不,您无法使用 CSS 检测视口的宽度和高度。CSS 不是一种编程语言,而是一种样式语言。除非您使用 CSS 预处理器(Sass、Less),否则您将无法用它做任何智能的事情。
Alien 先生在某些技术上可能是对的,因为我不是程序员。但是,如果您想重新设计布局或根据屏幕是横向(宽度大于高度)还是纵向(高度大于宽度)模式进行调整,您绝对可以使用 css 媒体查询。