Glavni problem vezan za širinu ekrana je taj što može biti teško kreirati rasporede koji izgledaju dobro na svim uređajima. Na primjer, ako želite izgled koji izgleda dobro na desktop računaru, možda neće izgledati tako dobro na telefonu ili tabletu.
is less than 768px if (screen.width < 768) { // do something }
Ovaj kod provjerava da li je širina ekrana manja od 768px. Ako jeste, onda će izvršiti kod unutar vitičastih zagrada.
Svojstva JavaScript ekrana
U JavaScript-u, svojstva ekrana se koriste za dobijanje informacija o trenutnom ekranu. Svojstvima ekrana se može pristupiti pomoću svojstva window.screen. Sljedeća tabela navodi najčešća svojstva ekrana u JavaScript-u.
Opis svojstva ekrana
window.screen.width Širina trenutnog ekrana u pikselima.
window.screen.height Visina trenutnog ekrana u pikselima.
window.screen.depth Dubina trenutnog ekrana u pikselima (0 = površina, 1 = bitmap).
Tip ekrana sa JavaScript
Tip ekrana je javascript.