Weblap nem igazodik az ablak méretéhez?
Hogy oldható meg HTML-ben hogy az oldal automatikusan igazodjon a böngészőablak méretéhez, tartva az arányait?
Aki tudna segíteni annak elküldöm a módosítandó kódot.
Azzal az a baj hogy nem tökéletesen ugyanazt az oldalt látnám hanem egy eszközhöz optimalizált verziót.
(A gyakorikerdesek oldala is más ha telefonon nem kapcsolom be hogy az asztali webhelyt jelenítse meg)





belehet állítani, hogy mekkora felbontáson milyen megjelenítést kapjon, ez nem html inkább css :)





A reszponzív megjelenítést azért alkalmazzuk általában, hogy a tartalom minden eszközön kényelmesen elérhető legyen. Nyilván nem ugyanúgy jelenik meg a tartalom mobilon mint 1920px széles desktopon.
Ha azt szeretnéd, hogy az arányok 480px szélességben és 1920px szélességben (+beyond) ugyanolyanok maradjanak, használj aránytartó méretezést. Erre az ablakszélességhez igazodó vw/vh (relative to viewport width/height) egységet tudom ajánlani, ahol 100vw a teljes ablakszélességet jelenti.
Minden méretmegjelölésedet (vagy legalább is a kulcskonténerek méreteit) ezekben a méretezési egységekben kell magadnod.
Viszont figyelembe kell venned, hogy mobil és tablet kijelzők esetén előfordul a vertikális elrendezés (magasabb az ablak mint szélesebb) emellett a képernyő arányok sem mindig ugyanazok még desktopon sem!





Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!