Hovedproblemet knyttet til skjermbredde er at det kan være vanskelig å lage oppsett som ser bra ut på alle enheter. Hvis du for eksempel vil ha et oppsett som ser bra ut på en stasjonær datamaskin, ser det kanskje ikke like bra ut på en telefon eller et nettbrett.
is less than 768px
if (screen.width < 768) {
// do something
}
Denne koden sjekker om bredden på skjermen er mindre enn 768px. Hvis det er det, vil den kjøre koden inne i de krøllede seler.
JavaScript-skjermegenskaper
I JavaScript brukes skjermegenskaper for å få informasjon om gjeldende skjerm. Skjermegenskaper kan nås ved å bruke egenskapen window.screen. Tabellen nedenfor viser de vanligste skjermegenskapene i JavaScript.
Skjermegenskaper Beskrivelse
window.screen.width Bredden på gjeldende skjerm i piksler.
window.screen.height Høyden på gjeldende skjerm i piksler.
window.screen.depth Dybden av gjeldende skjerm i piksler (0 = overflate, 1 = punktgrafikk).
Type skjerm med JavaScript
Type skjerm er javascript.
