| Autor | Zpráva | ||
|---|---|---|---|
| Dusann Profil |
#1 · Zasláno: 28. 4. 2016, 12:02:26
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. |
||
|
Časová prodleva: 5 dní
|
|||
| Bubák Profil |
#2 · Zasláno: 3. 5. 2016, 16:35:11
Možná ti pomůže Maximální šířka pozadí. Trik pro šířku by měl jít použít i pro výšku.
|
||
|
Časová prodleva: 12 dní
|
|||
| 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é. |
||
|
Časová prodleva: 8 let
|
|||
0