Głównym problemem jest to, że jeśli użytkownik kliknie poza polem powiększenia, powiększenie zostanie zablokowane i nie będzie mógł powiększać ani pomniejszać.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Okno ekranu to widoczny dla użytkownika obszar strony internetowej. Różni się w zależności od urządzenia i będzie mniejszy na telefonie komórkowym niż na ekranie komputera.
Część width=device-width ustawia szerokość rzutni, aby odpowiadała szerokości urządzenia (która będzie się różnić w zależności od urządzenia).
Część initial-scale=1.0 ustawia początkowy poziom powiększenia, kiedy strona jest ładowana po raz pierwszy przez przeglądarkę.
Część Maximum-scale=1.0 określa, jak bardzo użytkownik może powiększyć stronę. Wartość 1.0 oznacza, że powiększanie jest niedozwolone.
Część user-scalable=no wyłącza jakiekolwiek powiększanie, które może być dostępne domyślnie na niektórych urządzeniach (takie jak dwukrotne stuknięcie w celu powiększenia).
Jak wyłączyć powiększenie na mobilnej stronie internetowej
Aby wyłączyć powiększanie mobilnej strony internetowej w HTML, użyj następującego kodu:
Dzięki temu strona dopasuje się do szerokości urządzenia, na którym jest przeglądana.
Pomniejsz
Aby pomniejszyć w HTML, użyj właściwości zoom. Na przykład:
powiększenie: 1;
Wyłącz skalowanie HTML
Skalowanie HTML to funkcja HTML, która umożliwia przeglądarkom internetowym powiększanie lub zmniejszanie rozmiaru tekstu i obrazów, aby były bardziej czytelne na mniejszych lub większych ekranach. Tę funkcję można wyłączyć w większości przeglądarek, ustawiając właściwość html-scaling na „none”.