Autor Zpráva
PedroP
Profil
když použiju tohle

div {
width: 100%;
height: XYpx;
background-image: url('img_flowers.jpg');
background-size: cover;
}
tak se mi obrázek zobrazí ve správném poměru, na celou šířku stránky, ale na výšku se ořízne (pokud je větší, než nastavená výška bloku v px)

existuje ale způsob, jak podle šířky dopočítat výšku bloku, aby byl vidět celý obrázek na pozadí?
Bubák
Profil
Není třeba nic dopočítávat, stačí použít vhodnou hodnotu pro background-size.
Tomáš123
Profil
PedroP:
Background-size: contain síce rieši orezávanie, ale v prípade nerovnakých proporcií bloku a obrázku ostane miesto na krajoch. Ak teda potrebuješ riešenie, kde sa výška bloku prispôsobí tak, aby sa doň vošiel obrázok bez nutnosti orezania a roztiahnutia, môžeš použiť fintu, viď: Výška podle šířky.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: