如何用 HTML 製作網頁高度適合螢幕高度？

可以使用多種方法來讓網頁高度適應螢幕高度 −

提供相對高度 −

html, body {
   height: 100%;
}

您還可以使用固定定位 −

#main
{
   position:fixed;
   top:0px;
   bottom:0px;
   left:0px;
   right:0px;
}

您還可以使用視口高度來達到您的目的 −

height: 100vh;

Lakshmi Srinivas

更新於：2020 年 6 月 25 日

已瀏覽 3000+ 次

開啟你的 職業生涯

完成課程獲得認證

開始