Css 最大高度不会缩放站点

我可以让我的项目的宽度按比例缩放，但不能达到高度（在FireFox和Chrome中尝试过，我知道IE不会工作）

以下是我正在使用的CSS：

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

---

那么，你指定的高度是800px。所以你的站点高度是800px

那么，您指定的高度为800px。所以你的站点高度是800px

如果你想100%扩展你的站点，你需要添加

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

或

身高：100%；您需要一个以像素为单位指定高度的周围div。 或者您可以为section.main指定所需像素的高度

最大高度：100%；最大宽度：100%表示该div的高度和宽度不得大于100%：

---

正如你所说：

最大宽度：600px这样你的内部内容就不会比600px更大。
如果你想100%扩展你的站点，你需要添加

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

或


身高：100%；您需要一个以像素为单位指定高度的周围div。
或者您可以为section.main指定所需像素的高度

最大高度：100%；最大宽度：100%表示该div的高度和宽度不得大于100%：

正如你所说：
最大宽度：600px以便内部内容不会超过600像素。
请确保：

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

要使div具有%的高度，必须定义父级的高度

请注意，您的边界将导致问题：该部分将是100%高度+2px。您可以使用：

section
{
box-sizing : border-box
}

确保您有：

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

要使div具有%的高度，必须定义父级的高度

请注意，您的边界将导致问题：该部分将是100%高度+2px。您可以使用：

section
{
box-sizing : border-box
}

您是否定义了：body，html{height:100%}？是的，作为html，body{max-width:100%；max-height:100%；}html，body{margin:0；padding:0；width:100%；height:100%；}。。。不是最大宽度，而是最大高度。。但是这个主体部分是直接在主体标签内吗？或者在body标记的外部？内部有其他div，除非我将其更改为下面显示的方式。是否定义了此div:body，html{height:100%}？是的，作为html，body{max width:100%；max height:100%；}html，body{margin:0；padding:0；width:100%；height:100%；}。。。不是最大宽度，而是最大高度。。但是这个主体部分是直接在主体标签内吗？或者在body标签的外部？内部还有其他div，除非我将其更改为下面显示的方式