响应式设计将适用于网站的高度和宽度?
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
希望对您有所帮助。
我们想了解网站的响应式设计。是否适用于
网站的高度和宽度。我们也可以让网站响应高度吗?
请帮我找到解决办法。
如果您需要说明,请告诉我
提前致谢。
大多数人倾向于将响应式设计视为对不同屏幕宽度的响应,然后允许用户在任何屏幕上以最佳方式查看内容但是 确实意味着他们仍然必须滚动才能看到下面的更多内容。
然而,也有一种围绕垂直响应式设计的思想流派,它着眼于高度和宽度的响应式设计,正如您正在寻找的那样。
这里有一篇很棒的文章:
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
希望对您有所帮助。