Hlavním problémem souvisejícím s šířkou obrazovky je, že může být obtížné vytvořit rozložení, která vypadají dobře na všech zařízeních. Pokud například chcete rozvržení, které vypadá dobře na stolním počítači, nemusí tak dobře vypadat na telefonu nebo tabletu.
is less than 768px
if (screen.width < 768) {
// do something
}
Tento kód kontroluje, zda je šířka obrazovky menší než 768 pixelů. Pokud ano, spustí kód ve složených závorkách.
Vlastnosti obrazovky JavaScript
V JavaScriptu se vlastnosti obrazovky používají k získání informací o aktuální obrazovce. Vlastnosti obrazovky jsou přístupné pomocí vlastnosti window.screen. Následující tabulka uvádí nejběžnější vlastnosti obrazovky v JavaScriptu.
Popis vlastnosti obrazovky
window.screen.width Šířka aktuální obrazovky v pixelech.
window.screen.height Výška aktuální obrazovky v pixelech.
window.screen.depth Hloubka aktuální obrazovky v pixelech (0 = povrch, 1 = bitmapa).
Typ obrazovky s JavaScriptem
Typ obrazovky je javascript.
