Autor Zpráva
Dusann
Profil
Je možné nastaviť aby sa veľkosť background image dynamicky zmenšovala so zachovaním pomeru strán ? Nechcem ale aby veľkosť obrázku mohla byť väčšia ako je originál.

Viem to nastaviť pomocou <img> tagu ak definujem iba "max-width:100%; max-height:100%", ale zaujíma ma či je toto chovanie možné aj pre background images.
Bubák
Profil
Možná ti pomůže Maximální šířka pozadí. Trik pro šířku by měl jít použít i pro výšku.
Dusann
Profil
OK, cez @media je možné to nastaviť.

Ale pozor ! Pre background-size použijeme "contain" a limit pre max-width a max-height musíme vypočítať pre konkrétne rozmery kontajneru a obrázku, pretože sa to vzťahuje na viewport.

Týmto postupom teda docielime obrázok ktorý má maximálnu veľkosť originálu ale inak sa jeho rozmery prispôsobujú dynamickým rozmerom kontajneru:

Odkaz

Výhoda je, že môžeme aj veľmi ľahko docieliť vertikálne zarovnanie obrázku na stred, čo by v prípade riešenia cez IMG tag bolo dosť komplikované.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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