A képernyő szélességével kapcsolatos fő probléma az, hogy nehéz lehet olyan elrendezést létrehozni, amely minden eszközön jól néz ki. Ha például olyan elrendezést szeretne, amely jól néz ki egy asztali számítógépen, előfordulhat, hogy nem fog olyan jól kinézni telefonon vagy táblagépen.
is less than 768px
if (screen.width < 768) {
// do something
}
Ez a kód azt ellenőrzi, hogy a képernyő szélessége kisebb-e 768 képpontnál. Ha igen, akkor végrehajtja a kódot a kapcsos zárójelekben.
JavaScript képernyő tulajdonságai
A JavaScriptben a képernyő tulajdonságait az aktuális képernyővel kapcsolatos információk lekérésére használják. A képernyő tulajdonságai a window.screen tulajdonság segítségével érhetők el. Az alábbi táblázat a JavaScript leggyakoribb képernyőtulajdonságait sorolja fel.
Képernyő tulajdonság leírása
window.screen.width Az aktuális képernyő szélessége képpontokban.
window.screen.height Az aktuális képernyő magassága pixelben.
window.screen.depth Az aktuális képernyő mélysége pixelben (0 = felület, 1 = bitkép).
Képernyőtípus JavaScripttel
A képernyő típusa javascript.
