Διορθώστε το σφάλμα συσκευής Apple Safari Viewport Scaling [Πώς να]

Εάν είστε σχεδιαστής ιστοσελίδων, το σφάλμα που είναι γνωστό ως Viewpoint Scaling ενδέχεται να σας αντιμετώπισε το οποίο εμφανίζεται στις συσκευές της Apple, δηλαδή iPod, iPhone και iPad. Μερικές φορές, όταν περιστρέφουμε τη συσκευή Apple από κατακόρυφο σε οριζόντιο προσανατολισμό, ο ιστότοπος μεγεθύνει, δείχνοντάς μας μια προβολή με πλάτος μεγαλύτερο από το πλάτος της συσκευής. Αυτό συμβαίνει επειδή ο σχεδιαστής έχει ορίσει το πλάτος της θύρας προβολής στο πλάτος της συσκευής. Για να σας βοηθήσουμε να πάρετε μια ιδέα πώς λειτουργεί αυτό το σφάλμα, σχεδιάσαμε μια σελίδα δείγματος και περιστρέψαμε το iPad μας από κατακόρυφη σε οριζόντια προβολή.

Μια γρήγορη επιδιόρθωση για το εν λόγω σφάλμα μας καθοδηγεί να ορίσουμε το "μέγιστη κλίμακα = 1" στη μετα-ετικέτα θύρας προβολής. Αυτό διορθώνει το πρόβλημα προς το παρόν, αλλά η σελίδα δεν έχει πλέον δυνατότητα εστίασης, διότι διορθώνουμε το μέγιστο πλάτος παρόμοιο με το πλάτος της συσκευής.

Αυτή η γρήγορη επιδιόρθωση δεν είναι ακριβώς η τέλεια λύση. Μέσα από τη σκληρή δουλειά των σχεδιαστών όπως 

@mathias, @cheeaun και @ jdalton, έχουμε τώρα ένα javascript που μπορεί να προστεθεί στο 

ενότητα για να πάρετε μια μόνιμη λύση. Κάτω από αυτήν τη λύση, η σελίδα θα παραμείνει με δυνατότητα εστίασης.

Αυτές είναι οι μόνες γνωστές λύσεις που έχουν βρει οι σχεδιαστές μέχρι στιγμής. Αλλά αν έχετε κάποιο άλλο για να διορθώσετε αυτό το σφάλμα, μοιραστείτε το μαζί μας στα σχόλια.