Το κύριο πρόβλημα είναι ότι εάν ο χρήστης κάνει κλικ έξω από το πλαίσιο ζουμ, το ζουμ θα κλειδωθεί και δεν θα μπορεί να κάνει μεγέθυνση ή σμίκρυνση.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Η θύρα προβολής είναι η ορατή περιοχή μιας ιστοσελίδας από τον χρήστη. Διαφέρει ανάλογα με τη συσκευή και θα είναι μικρότερο σε ένα κινητό τηλέφωνο παρά σε μια οθόνη υπολογιστή.
Το τμήμα width=device-width ορίζει το πλάτος της θύρας προβολής ώστε να ακολουθεί το πλάτος της συσκευής (το οποίο θα διαφέρει ανάλογα με τη συσκευή).
Το τμήμα αρχικής κλίμακας=1.0 ορίζει το αρχικό επίπεδο ζουμ όταν η σελίδα φορτώνεται για πρώτη φορά από το πρόγραμμα περιήγησης.
Το τμήμα μέγιστης κλίμακας=1.0 ορίζει πόσο επιτρέπεται στον χρήστη να κάνει μεγέθυνση στη σελίδα. Η τιμή 1.0 σημαίνει ότι δεν επιτρέπεται η μεγέθυνση.
Το user-scalable=no part απενεργοποιεί οποιοδήποτε ζουμ που μπορεί να είναι διαθέσιμο από προεπιλογή σε ορισμένες συσκευές (όπως διπλό πάτημα για μεγέθυνση).
Πώς να απενεργοποιήσετε το ζουμ σε μια ιστοσελίδα για κινητά
Για να απενεργοποιήσετε το ζουμ σε μια ιστοσελίδα για κινητά σε HTML, χρησιμοποιήστε τον ακόλουθο κώδικα:
Αυτό θα κάνει τη σελίδα να ταιριάζει στο πλάτος της συσκευής στην οποία προβάλλεται.
Ζουμ Απενεργοποίηση
Για μεγέθυνση σε HTML, χρησιμοποιήστε την ιδιότητα ζουμ. Για παράδειγμα:
ζουμ: 1;
Απενεργοποιήστε την κλιμάκωση HTML
Η κλιμάκωση HTML είναι μια δυνατότητα της HTML που επιτρέπει στα προγράμματα περιήγησης ιστού να μεγεθύνουν ή να μειώσουν το μέγεθος του κειμένου και των εικόνων για να τα κάνουν πιο ευανάγνωστα σε μικρότερες ή μεγαλύτερες οθόνες. Αυτή η δυνατότητα μπορεί να απενεργοποιηθεί στα περισσότερα προγράμματα περιήγησης ορίζοντας την ιδιότητα html-scaling σε "none".
