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 */ 
}