Het grootste probleem met betrekking tot de schermbreedte is dat het moeilijk kan zijn om lay-outs te maken die er op alle apparaten goed uitzien. Als u bijvoorbeeld een lay-out wilt die er goed uitziet op een desktopcomputer, ziet deze er misschien niet zo goed uit op een telefoon of tablet.
is less than 768px if (screen.width < 768) { // do something }
Deze code controleert of de breedte van het scherm kleiner is dan 768px. Als dit het geval is, wordt de code binnen de accolades uitgevoerd.
JavaScript-schermeigenschappen
In JavaScript worden schermeigenschappen gebruikt om informatie over het huidige scherm te krijgen. Schermeigenschappen zijn toegankelijk via de eigenschap window.screen. De volgende tabel bevat de meest voorkomende schermeigenschappen in JavaScript.
Beschrijving van schermeigenschap
window.screen.with De breedte van het huidige scherm in pixels.
window.screen.height De hoogte van het huidige scherm in pixels.
window.screen.depth De diepte van het huidige scherm in pixels (0 = oppervlak, 1 = bitmap).
Type scherm met JavaScript
Type scherm is javascript.