Css3 筆記 VW(View Width) VH(View Height)

  • 118
  • 0

Css3 筆記 VW(View Width) VH(View Height)

 

Css3新單位讓圖片隨螢幕大小變動

vh代表的是view height,也就是螢幕可視範圍高度的百分比;

vw表示的是view width,也就是螢幕可是範圍寬度的百分比。

vmin,這個的意思是幫我抓取「長或寬較小的那個的百分比」,

另一個相對的就是vmax意思就是抓取「長或寬較大的那個的百分比」。

透過這些單位,就可以更容易設計可隨視窗大小變動的圖片或按鍵。

資料來源:https://pjchender.blogspot.com/2015/04/css-3vh-vw.html