div的高度調整爲分辨率

我想知道是否有可能使div調整爲屏幕視圖的高度。我想實現的目標是讓第一個div始終適應分辨率，並將屏幕下方的所有內容都推送出去。灰色的部分應該在任何決議屏幕之外。我知道身高有點棘手，但這可能嗎？div的高度調整爲分辨率

2017-03-04 Filip5

你可以使用：'div {height：100vh;}'參見https://www.w3.org/TR/css3-values/#viewport-relative-lengths –

它的工作方式就像一個魅力。謝謝！ – Filip5

另外，它留給我一個問題。我設法將高度設置爲86vh，它最適合我的需求。如果我理解正確，那麼它意味着只有86％的視圖端口，但它佔據了整個視圖端口。有什麼我錯過了嗎？ – Filip5

CSS有視窗和viewheight單位（即vw和vh）

添加這在你的CSS：

div { 
    height: 100vh; 
}

來源

2017-03-04 11:56:17

CSS有視口單元。試試這個：

height: 100vh

Documentation

說明：視口單位是基於視窗的百分比。

1vh：視口高度的1/100。

1vw：視口寬度的1/100。

來源

2017-03-04 11:55:33 Andrew

你可以使用：div {height:100vh;}

看到https://www.w3.org/TR/css3-values/#viewport-relative-lengths

vw單元

等於初始包含塊的寬度的1％。

在下例中，如果視口的寬度爲200mm，則h1元素的字體大小爲16mm（即（8×200mm）/ 100）。
`h1 { font-size: 8vw }` 
VH單元
Equal to 1% of the height of the initial containing block. 
VMIN單元
Equal to the smaller of vw or vh. 
VMAX單元
Equal to the larger of vw or vh. 

參見http://caniuse.com/#feat=viewport-units的瀏覽器都支持

來源

2017-03-04 11:59:10

您可以使用

div { width: 100%; height: 100%; min-width: 1000px; min-height: 1000px; }

DIV這樣不能小於1000像素，然後，但它不是爲移動瀏覽器好。

來源

2017-03-04 12:23:41

div的高度調整爲分辨率

回答

相關問題