Hogyan lehet CSS-ben az oldalt automatikusan méretezni?
Pl.: Hogy 1920x1080p monitoron és kisebb felbontáson is ugyanannyi tartalom jelenjen meg?
CSS-ben probáltam, hogy a body-nak height: auto;-t adok, de nem működött.










Bár nem teljesen vagyok benne biztos, hogy értem, mit szeretnél...
auto = akkor, amekkora a tartalmának kell
100% = akkora, amekkora a szülője, body-nál talán az ablak a szülő...










html,body{
min-height: 100%;
height: 100%;
}
#content{
height: 100%;
}





A body magassága mindig automatikusan teljes képernyőnyi, ha nincs felüldefiniálva px-ben.
Százalékolás megoldaná ezt, de itt nem lesz pontos.
Ahhoz, hogy ugyan annyi jelenjen meg, minden felbontáshoz külön css kell minden elemre, és mindet adott felbontáshoz igazítani. Mivel 768p-s kijelzőn megjelenő x dolognak egy 1080p-n monitoron nagyobbnak kell lennie, hogy ugyan annyi férjen ki belőle a képernyőre.
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!