最大高度不会缩放网站

Question

我可以将项目的宽度扩大但不是高度（在FireFox和Chrome中尝试过，我理解IE不起作用）

继承我正在使用的CSS：

section.main 
{
 max-height: 100%; 
 max-width: 100%; 
 border: 1px solid black; 
 width: 1000px; 
 height: 800px;
}

Answer 1

好吧，你指定的高度为800px。所以你的网站高度为800px。

Answer 2

如果您想以100％扩展您的网站，则需要添加

section.main
{
  height:100%; width:100%
}

或

section.main
{
  min-height:100%; min-width:100%
}

http://jsfiddle.net/RQvLF/1/

高度：100％;你需要一个周围的div，其高度以像素为单位指定。 或者你可以给你的section.main一个所需像素的高度。

最大高度：100％;和max-width：100％表示此div的高度和宽度不得大于100％：

正如你所说：max-width:600px;所以你的内部内容不会超过600px。

Answer 3

确保您拥有：

html, body
{
width : 100%;
height : 100%;
}

对于具有％高度的div，必须定义父级的高度。

请注意，您的边框会导致问题：该部分将为100％高度+ 2px。你可以使用：

section
{
box-sizing : border-box
}