Proporčně zmenšující se web – jak to korektně nakodovat?

24. 11. 2018 12:46:55

Zdar, mám tu jednu grafiku, která se díky navržení dá použít na 1920px, ale taky na 1152px. Jde mi o to, mít úplně všechno proporčně od 1152px (+-) do 1920px stejný. Pro představu - jako obrázek na 100 % šířky a výška nastavená na "auto".

A při zvětšovní / zmenšování se proporčně vše upraví - především text a samozřejmě obrázky, elementy ...

Řešil jsem to na FB, jsou tam fajn nápady, ale zajímalo by mě, zda někdo něco podobného řešil nebo má nápad na správné řešení.

24. 11. 2018 12:46:55

šikmo.cz – Digitální parťák, od designu přes vývoj až k marketingu.

https://webtrh.cz/diskuse/proporcne-zmensujici-se-web-jak-to-korektne-nakodovat#reply1376290

Miroslav Foltyn

(3 hodnocení)

24. 11. 2018 14:18:25

Bez konkretni grafiky tezke poradit. Kazdopadne bych se divil, kdyby se vam nehodily jednotky "vh" "vw", ktere jsou relativni k viewportu. Spolecne s calc s tim jdou udelat dobre veci.

24. 11. 2018 14:18:25

https://webtrh.cz/diskuse/proporcne-zmensujici-se-web-jak-to-korektne-nakodovat#reply1376289

Michal Jeřábek

24. 11. 2018 16:04:38

Podle mě jsou metody, jakými to udělat, tak komplikované, že bych se o to vůbec nepokoušel. Náklady na dobu strávenou řešením a přidání komplexity nejspíš převýší výnosy z takového řešení (ty jsou potenciálně nula). (S vyjímkou použití transform: scale(x) na celé stránce, ale to bude zase rozmazané. Ono asi ani není tak těžké přepočítat všechny velikosti na vw — i když to nebude úplně 100% —, ale to si zase vyžádá nadbytečné množství @media.)

24. 11. 2018 16:04:38

https://webtrh.cz/diskuse/proporcne-zmensujici-se-web-jak-to-korektne-nakodovat#reply1376288

Pro odpověď se přihlašte.

Přihlásit