Terpecahkan: gambar latar belakang html sesuai dengan layar

Masalah utama yang terkait dengan gambar latar belakang HTML yang sesuai dengan layar adalah bahwa gambar mungkin tidak diskalakan dengan benar. Hal ini dapat menyebabkan gambar terdistorsi atau melebar, yang dapat mengganggu dan mengurangi keseluruhan desain halaman. Selain itu, jika gambar terlalu besar untuk layar, ini dapat menyebabkan waktu pemuatan yang lambat dan kinerja yang buruk.

<style> 
    body { 
        background-image: url("background.jpg"); 
        background-size: cover; 
    } 
</style>

1.

Ini akan membuat gambar latar belakang sesuai dengan layar terlepas dari ukurannya.