Il problema principale relativo alla larghezza dello schermo è che può essere difficile creare layout che abbiano un bell'aspetto su tutti i dispositivi. Ad esempio, se desideri un layout che abbia un bell'aspetto su un computer desktop, potrebbe non avere un bell'aspetto su un telefono o tablet.
is less than 768px if (screen.width < 768) { // do something }
Questo codice controlla se la larghezza dello schermo è inferiore a 768px. Se lo è, eseguirà il codice all'interno delle parentesi graffe.
Proprietà dello schermo JavaScript
In JavaScript, le proprietà dello schermo vengono utilizzate per ottenere informazioni sullo schermo corrente. È possibile accedere alle proprietà dello schermo utilizzando la proprietà window.screen. La tabella seguente elenca le proprietà dello schermo più comuni in JavaScript.
Descrizione delle proprietà dello schermo
window.screen.width La larghezza dello schermo corrente in pixel.
window.screen.height L'altezza dello schermo corrente in pixel.
window.screen.depth La profondità dello schermo corrente in pixel (0 = superficie, 1 = bitmap).
Tipo di schermo con JavaScript
Il tipo di schermo è javascript.