| Autor | Zpráva | ||
|---|---|---|---|
| xxxadam577 Profil |
#1 · Zasláno: 22. 10. 2017, 19:35:15
Zdravím, škáluji obrázek na menší velikost, ale v divu po něm zbude volný prostor, v ukázce je vybarven zeleně. Nevíte jak se s tímto prostorem vypořádat tak, aby tam nebyl?
jsfiddle.net/wpo6vdw2 Děkuji za odpověď |
||
| M4n Profil * |
#2 · Zasláno: 22. 10. 2017, 23:19:23
CSS transformace neovlivňují vnější rozměry objektu. Nový bounding-box by se asi dal spočítat JavaScriptem, ale vtírá se otázka, proč nezmenšit obrázek normálně nastavením šířky/výšky?
|
||
| Bubák Profil |
#3 · Zasláno: 23. 10. 2017, 12:06:57
xxxadam577:
Zkusil jsi popřemýšlet, co děláš? Dáš do 500px širokého DIVu result se zeleným pozadím další DIV scale (bez pozadí), ve kterém je 600px široký obrázek. Pak DIV scale včetně obsahu zmenšíš 0.7×, takže obrázek je široký 420px, a divíš se, že vedne něj je 80px široký prostor.
Pokud se divíš (zelenému) prostoru pod obrázkem, nastuduj si, kal funguje transform. Jde to řešit různě, nejjednodušší je deklarovat požadované velikosti elementů "po staru", stačí na to matematika z 1. stupně základní školy. |
||
|
Časová prodleva: 7 let
|
|||
0