Autor Zpráva
Hapipo
Profil
Ahoj,
chtěl bych poprosit o radu. Na webu mám galerii a potřeboval bych, aby se na všech obrazovkách přizpůsobila a nemuselo se scrollovat myší.

Na velkém 24" monitoru to je v pohodě, to se zobrazuje celé (náhled i s dolní lištou), ale na notebooku a menších monitorech to je špatné.

Špatné zobrazení - na menších monitorech (ntb) se zobrazuje takhle a takhle to mít nechci:


Správné zobrazení - tak bych to chtěl mít na všech monitorech:


Děkuji moc za rady, jak to fixnout, v tohle se moc nevyznám.
RastyAmateur
Profil
Hapipo:
Tak, jako máš u .galerie vlastnost width: 80vw;, tak také existuje jednotka vh (viewport height). Můžeš té galerii taktéž nastavit height: 80vh, případně max-height.

Jinak ten web se mi líbí. Doplnil bych to ještě nějakýma animacema a bude to vážně super (nezkoumal jsem to tedy nijak do hloubky, ale klienta stejně vždy zajímá/zaujme jen ten vzhled...)
Hapipo
Profil
RastyAmateur:
přidal jsem všechno, ale nic nepomáhá. I když to zkouším jen upravovat v DevTools, tak to na změny velikosti vůbec nereaguje.


Díky za radu

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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

0