介紹視窗(Viewport)單位

視窗(Viewport)是你的瀏覽器實際顯示內容的區域——換句話說是你的不包括工具欄和按鈕的網頁瀏覽器。這些單位是vw,vh,vmin和vmax。它們都代表了瀏覽器（視窗(Viewport)）尺寸的比例和窗口大小調整產生的規模改變。

比方說我們有一個1000px（寬）和800px（高）的視窗(Viewport)

vw——代表視窗(Viewport)的寬度為1%，在我們的例子里50vw = 500px。
vh——窗口高度的百分比 50vh = 400px。
vmin——vmin的值是當前vw和vh中較小的值。在我們的例子里因為是橫向模式，所以50vim = 400px。
vmax——大尺寸的百分比。50vmax = 500px。
你可以在任何一個可以使用像素值的地方使用它們，比如width,height,margin,font-size等等。它們將通過窗口大小的調整或旋轉設備的瀏覽器來重新計算這些值。

占用頁面的整個高度

每一個前端開發人員都致力于這件事。你的第一直覺是這樣做：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表