Löst: om skärmbredd

Det största problemet med skärmbredden är att det kan vara svårt att skapa layouter som ser bra ut på alla enheter. Om du till exempel vill ha en layout som ser bra ut på en stationär dator kanske den inte ser lika bra ut på en telefon eller surfplatta.

 is less than 768px

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

Den här koden kontrollerar om skärmens bredd är mindre än 768px. Om det är det kommer den att köra koden inuti de lockiga hängslen.

JavaScript-skärmegenskaper

I JavaScript används skärmegenskaper för att få information om den aktuella skärmen. Skärmegenskaper kan nås med egenskapen window.screen. Följande tabell listar de vanligaste skärmegenskaperna i JavaScript.

Skärmegenskaper Beskrivning

window.screen.width Bredden på den aktuella skärmen i pixlar.

window.screen.height Höjden på den aktuella skärmen i pixlar.

window.screen.depth Djupet på den aktuella skärmen i pixlar (0 = yta, 1 = bitmapp).

Typ av skärm med JavaScript

Typ av skärm är javascript.