Glavni problem vezan uz širinu zaslona je taj što može biti teško stvoriti rasporede koji dobro izgledaju na svim uređajima. Na primjer, ako želite izgled koji dobro izgleda na stolnom računalu, možda neće izgledati tako dobro na telefonu ili tabletu.
is less than 768px if (screen.width < 768) { // do something }
Ovaj kod provjerava je li širina zaslona manja od 768px. Ako jest, tada će izvršiti kod unutar vitičastih zagrada.
JavaScript svojstva zaslona
U JavaScriptu se svojstva zaslona koriste za dobivanje informacija o trenutnom zaslonu. Svojstvima zaslona može se pristupiti korištenjem svojstva window.screen. Sljedeća tablica navodi najčešća svojstva zaslona u JavaScriptu.
Opis svojstava zaslona
window.screen.width Širina trenutnog zaslona u pikselima.
window.screen.height Visina trenutnog zaslona u pikselima.
window.screen.depth Dubina trenutnog zaslona u pikselima (0 = površina, 1 = bitmapa).
Vrsta zaslona s JavaScriptom
Vrsta zaslona je javascript.