vh and vw

vh:表示的是view height,也就是螢幕可視範圍高度的百分比
vw:表示的是view width,也就是螢幕可是範圍寬度的百分比

範例 比較80vh vs 80%

css vh 設定視窗可見寬度高度%百分比,以下範例比較80vh與80%的不同之處。

您也可能喜歡這些文章

CSS中使圖片白色背景轉透明

如果背景顏色為白色,有一種方法可以使用CSS混合模式,添加mix-blend-mode: multiply;CSS屬性: img{ mix-blend-mode: multiply; }