จะทำให้ความสูงของหน้าเว็บพอดีกับความสูงของหน้าจอด้วย HTML ได้อย่างไร?

สามารถปรับความสูงของหน้าเว็บให้พอดีกับความสูงของหน้าจอได้หลายวิธี -

ให้ความสูงสัมพัทธ์ -

html, body {
   height: 100%;
}

คุณยังสามารถกำหนดตำแหน่งคงที่ได้ -

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

คุณยังสามารถใช้ความสูงของวิวพอร์ตเพื่อบรรลุวัตถุประสงค์ของคุณได้ -

height: 100vh;