Autor Zpráva
Jakub16
Profil *
Ahoj, poradil by mi prosím někdo, jak zachovat poměr šířky boxů když se změní rozlišení nebo velikost okna na obrazovce ?
Živá ukázka
Předem děkuji
Trejpa
Profil
Jakub16:
Můžeš:
1) nepoužívat kombinaci procent a pevných rozměrů ve výchozím obsahovém box modelu, tj. všechno co ovlivňuje šířku zadat v procentech, tedy i padding a border, nebo
2) zadat plovoucím blokům výpočet šířky dle okrajového modelu pomocí box-sizing: border-box;, takže procentní šířka bude zahrnovat vše po rámeček.
Tomáš123
Profil
Jakub16:
Všeobecnou odpoveďou by bola rada použiť percentá. To ale, súdiac podľa ukážky, vieš. O čo konkrétne sa teda snažíš?

Na kombináciu jednotiek ide uplatniť princíp matriošky, kde nadradenému prvku nastavíš rozmer a vnoreným elementom vnútorné alebo vonkajšie odsadenia, či rámčeky.

Ide zmeniť box-model na okrajový (box-sizing: border-box) a prestaviť tak význam vlastnosti width (šírka prvku bude definovať celkový rozmer vrátane rámčekov (borderov) a vnútorných okrajov (paddingov).

Šlo by použiť ešte aj nedostatočne podporovanú CSS vlastnosť calc().
Jakub16
Profil *
Děkuji vám, jdu to zkusit nastudovat.

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: