Question

我无法将网页上的内容区域调整为正确对齐。该区域应使用所有垂直可见屏幕空间，顶部为80px，底部为20px。在某些情况下，页面可能会继续向下（但您必须滚动才能看到它）。

实施例： a）如果屏幕区域为800x600 - 内容区域应为500px高 b）如果屏幕区域为700x1100 - 内容区域应为1000px高

该网站使用HTML和CSS构建。

Answer 1

您必须研究液体布局概念。请参阅：Whats a liquid layout?。

我认为在您的情况下使用不同的CSS以获得不同屏幕分辨率的最佳选择

Answer 2

您可以使用媒体查询根据屏幕大小设置不同的规则。例如，像这样：

@media only screen and (max-width: 1099px) {
  /* rules that only apply for canvases narrower than 1100px */
}