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

时间:2013-01-15 12:51:59

标签: css css3 responsive-design media-queries

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

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

或:

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

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

感谢。

2 个答案:

答案 0 :(得分:6)

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

orientation:portrait
orientation:landscape

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

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

答案 1 :(得分:2)

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

http://www.w3.org/TR/css3-mediaqueries/#media0