Ratkaistu: jos näytön leveys

Suurin näytön leveyteen liittyvä ongelma on, että voi olla vaikeaa luoda asetteluja, jotka näyttävät hyvältä kaikilla laitteilla. Jos esimerkiksi haluat asettelun, joka näyttää hyvältä pöytätietokoneessa, se ei välttämättä näytä yhtä hyvältä puhelimessa tai tabletissa.

 is less than 768px

if (screen.width < 768) {
    // do something
}

Tämä koodi tarkistaa, onko näytön leveys alle 768 pikseliä. Jos on, se suorittaa koodin aaltosulkeiden sisällä.

JavaScript-näytön ominaisuudet

JavaScriptissä näytön ominaisuuksia käytetään tiedon saamiseksi nykyisestä näytöstä. Näytön ominaisuuksiin pääsee käyttämällä window.screen-ominaisuutta. Seuraavassa taulukossa on lueteltu JavaScriptin yleisimmät näytön ominaisuudet.

Näytön ominaisuuksien kuvaus

window.screen.width Nykyisen näytön leveys pikseleinä.

window.screen.height Nykyisen näytön korkeus pikseleinä.

window.screen.depth Nykyisen näytön syvyys pikseleinä (0 = pinta, 1 = bittikartta).

JavaScript-näytön tyyppi

Näytön tyyppi on javascript.