Το κύριο πρόβλημα που σχετίζεται με το πλάτος της οθόνης είναι ότι μπορεί να είναι δύσκολο να δημιουργήσετε διατάξεις που να φαίνονται καλές σε όλες τις συσκευές. Για παράδειγμα, εάν θέλετε μια διάταξη που να φαίνεται καλή σε επιτραπέζιο υπολογιστή, μπορεί να μην φαίνεται τόσο καλή σε τηλέφωνο ή tablet.
is less than 768px
if (screen.width < 768) {
// do something
}
Αυτός ο κωδικός ελέγχει εάν το πλάτος της οθόνης είναι μικρότερο από 768 px. Εάν είναι, τότε θα εκτελέσει τον κώδικα μέσα στα σγουρά στηρίγματα.
Ιδιότητες οθόνης JavaScript
Στο JavaScript, οι ιδιότητες οθόνης χρησιμοποιούνται για τη λήψη πληροφοριών σχετικά με την τρέχουσα οθόνη. Οι ιδιότητες οθόνης είναι προσβάσιμες χρησιμοποιώντας την ιδιότητα window.screen. Ο παρακάτω πίνακας παραθέτει τις πιο κοινές ιδιότητες οθόνης στο JavaScript.
Περιγραφή ιδιότητας οθόνης
window.screen.width Το πλάτος της τρέχουσας οθόνης σε pixel.
window.screen.height Το ύψος της τρέχουσας οθόνης σε pixel.
window.screen.depth Το βάθος της τρέχουσας οθόνης σε pixel (0 = επιφάνεια, 1 = bitmap).
Τύπος οθόνης με JavaScript
Ο τύπος οθόνης είναι javascript.
