响应式设计将适用于网站的高度和宽度?

responsive design will apply for both height nad width for site?

我们想了解网站的响应式设计。是否适用于

网站的高度和宽度。我们也可以让网站响应高度吗?

请帮我找到解决办法。

如果您需要说明,请告诉我

提前致谢。

大多数人倾向于将响应式设计视为对不同屏幕宽度的响应,然后允许用户在任何屏幕上以最佳方式查看内容但是 确实意味着他们仍然必须滚动才能看到下面的更多内容。

然而,也有一种围绕垂直响应式设计的思想流派,它着眼于高度和宽度的响应式设计,正如您正在寻找的那样。

这里有一篇很棒的文章:

http://www.nitinh.com/2013/03/vertically-responsive-design-keeping-things-above-the-fold/

它包含一些不错的小 CSS 片段来帮助您入门,通常使用视口高度来提供最佳间距,并使用响应式设计调整高度和宽度。

大多数现代浏览器都支持视口高度,但您也可以像使用宽度一样使用@media 规则,为不同的屏幕高度设置不同的 CSS 规则:

@media screen and  ( max-height:540px ){
somecss:rules;
}

这里有一些关于使用@media 高度的进一步阅读:

http://unmatchedstyle.com/news/height-based-media-queries.php

希望对您有所帮助。