Das Hauptproblem im Zusammenhang mit der Bildschirmbreite besteht darin, dass es schwierig sein kann, Layouts zu erstellen, die auf allen Geräten gut aussehen. Wenn Sie beispielsweise ein Layout wünschen, das auf einem Desktop-Computer gut aussieht, sieht es auf einem Telefon oder Tablet möglicherweise nicht so gut aus.
is less than 768px
if (screen.width < 768) {
// do something
}
Dieser Code prüft, ob die Breite des Bildschirms weniger als 768 Pixel beträgt. Wenn dies der Fall ist, wird der Code in den geschweiften Klammern ausgeführt.
JavaScript-Bildschirmeigenschaften
In JavaScript werden Bildschirmeigenschaften verwendet, um Informationen über den aktuellen Bildschirm zu erhalten. Auf Bildschirmeigenschaften kann über die Eigenschaft window.screen zugegriffen werden. Die folgende Tabelle listet die häufigsten Bildschirmeigenschaften in JavaScript auf.
Bildschirmeigenschaftsbeschreibung
window.screen.width Die Breite des aktuellen Bildschirms in Pixel.
window.screen.height Die Höhe des aktuellen Bildschirms in Pixel.
window.screen.depth Die Tiefe des aktuellen Bildschirms in Pixel (0 = Oberfläche, 1 = Bitmap).
Bildschirmtyp mit JavaScript
Bildschirmtyp ist Javascript.
