Autor | Zpráva | ||
---|---|---|---|
PedroP Profil |
#1 · Zasláno: 3. 5. 2016, 15:57:50
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 |
#2 · Zasláno: 3. 5. 2016, 16:30:49
Není třeba nic dopočítávat, stačí použít vhodnou hodnotu pro background-size.
|
||
Tomáš123 Profil |
#3 · Zasláno: 3. 5. 2016, 17:06:21
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.
|
||
Časová prodleva: 9 let
|
0