CSS垂直大小

Question

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

例如： 一）如果屏幕面积为800x600的 - 内容区域应该是500像素高 b）如果屏幕面积为700x1100 - 内容区域应该是1000像素高

该网站是建立与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 */ 
}