Det største problem i forbindelse med skærmbredden er, at det kan være svært at lave layouts, der ser godt ud på alle enheder. Hvis du for eksempel vil have et layout, der ser godt ud på en stationær computer, ser det måske ikke så godt ud på en telefon eller tablet.
is less than 768px
if (screen.width < 768) {
// do something
}
Denne kode kontrollerer, om skærmens bredde er mindre end 768px. Hvis det er det, vil den udføre koden inde i de krøllede seler.
JavaScript-skærmegenskaber
I JavaScript bruges skærmegenskaber til at få information om den aktuelle skærm. Skærmegenskaber kan tilgås ved hjælp af egenskaben window.screen. Følgende tabel viser de mest almindelige skærmegenskaber i JavaScript.
Beskrivelse af skærmegenskab
window.screen.width Bredden af den aktuelle skærm i pixels.
window.screen.height Højden af den aktuelle skærm i pixels.
window.screen.depth Dybden af den aktuelle skærm i pixels (0 = overflade, 1 = bitmap).
Skærmtype med JavaScript
Skærmtypen er javascript.
