Hlavním problémem souvisejícím s obrázky na pozadí HTML, které se přizpůsobí obrazovce, je, že obrázek nemusí mít správné měřítko. To může vést ke zkreslenému nebo roztaženému obrázku, který může rušit pozornost a zhoršovat celkový design stránky. Navíc, pokud je obraz příliš velký pro obrazovku, může to způsobit pomalé načítání a špatný výkon.
<style> body { background-image: url("background.jpg"); background-size: cover; } </style>
1.
Tím se obrázek na pozadí přizpůsobí obrazovce bez ohledu na jeho velikost.