css กำหนดรูปภาพให้พอดีกับขนาดหน้าจอ ทั้ง width height

ตัวอย่าง https://www.w3schools.com/howto/tryhow_css_fullpage_demo.htm

<style>
.bgimg-1 {
background-image: url(https://www.w3schools.com/howto/img_parallax.jpg);
height: 100%;
}
.bgimg-1 {
position: relative;
opacity: 0.65;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>

<div class=”bgimg-1″> </div>