Αποκριτική μετα-ετικέτα - CSS-Κόλπα

Anonim

Τείνω να το χρησιμοποιώ:

Αν και βλέπω ότι αυτό συνιστάται πολύ:

Αυτό σημαίνει ότι το πρόγραμμα περιήγησης (πιθανότατα) αποδίδει το πλάτος της σελίδας στο πλάτος της δικής του οθόνης. Επομένως, εάν αυτή η οθόνη έχει πλάτος 320 εικονοστοιχεία, το παράθυρο του προγράμματος περιήγησης θα έχει πλάτος 320 εικονοστοιχεία, αντί να σμικρύνει και να δείχνει 960 εικονοστοιχεία (ή ό, τι κάνει αυτή η συσκευή από προεπιλογή, αντί για μια αποκριτική μετα-ετικέτα).

Σημείωση: μην χρησιμοποιείτε μια αποκριτική μετα-ετικέτα εάν ο ιστότοπός σας δεν έχει σχεδιαστεί ειδικά για να ανταποκρίνεται και να λειτουργεί καλά σε αυτό το μέγεθος, καθώς θα κάνει την εμπειρία χειρότερη.

Υπάρχουν περισσότερα χαρακτηριστικά που υποστηρίζει αυτή η ετικέτα:

Ιδιοκτησία Περιγραφή
πλάτος Το πλάτος της εικονικής θύρας προβολής της συσκευής.
πλάτος συσκευής Το φυσικό πλάτος της οθόνης της συσκευής.
ύψος Το ύψος της «εικονικής θύρας προβολής» της συσκευής.
ύψος συσκευής Το φυσικό ύψος της οθόνης της συσκευής.
αρχική κλίμακα Το αρχικό ζουμ όταν επισκέπτεστε τη σελίδα. Το 1.0 δεν κάνει ζουμ.
ελάχιστη κλίμακα Το ελάχιστο ποσό που ο επισκέπτης μπορεί να κάνει ζουμ στη σελίδα. Το 1.0 δεν κάνει ζουμ.
μέγιστη κλίμακα Το μέγιστο ποσό που ο επισκέπτης μπορεί να κάνει ζουμ στη σελίδα. Το 1.0 δεν κάνει ζουμ.
επεκτάσιμη στο χρήστη Επιτρέπει στη συσκευή τη μεγέθυνση και σμίκρυνση. Οι τιμές είναι ναι ή όχι.

Συνιστάται γενικά να μην αποτρέπετε την κλιμάκωση, καθώς αυτό είναι ενοχλητικό και πιθανώς πρόβλημα προσβασιμότητας.

Ίσως το θέλετε και στο CSS σας:

@-ms-viewport( width: device-width; )

Χρήσιμες πληροφορίες: Η αλλαγή αυτής της μετα-ετικέτας με JavaScript λειτουργεί, η σελίδα θα αντιδρά στη νέα τιμή. Είτε ολόκληρη η ετικέτα και αντικαταστήστε ή αλλάξτε την contentιδιότητα. Όχι μια εξαιρετικά κοινή ανάγκη, αλλά μπορεί να προκύψει.