Основният проблем е, че ако потребителят щракне извън полето за мащабиране, мащабът ще бъде заключен и той няма да може да увеличава или намалява.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
Прозорецът за изглед е видимата за потребителя област на уеб страница. Тя варира в зависимост от устройството и ще бъде по-малка на мобилен телефон, отколкото на компютърен екран.
Частта width=device-width задава ширината на прозореца за изглед да следва ширината на устройството (която ще варира в зависимост от устройството).
Частта initial-scale=1.0 задава първоначалното ниво на мащабиране, когато страницата се зарежда за първи път от браузъра.
Частта max-scale=1.0 задава колко е разрешено на потребителя да увеличава страницата. Стойност 1.0 означава, че не е разрешено мащабиране.
Частта user-scalable=no деактивира всякакво мащабиране, което може да е налично по подразбиране на някои устройства (като двойно докосване за увеличаване).
Как да деактивирате мащабирането на мобилна уеб страница
За да деактивирате мащабирането на мобилна уеб страница в HTML, използвайте следния код:
Това ще накара страницата да пасне на ширината на устройството, на което се преглежда.
Изключване на мащаба
За да намалите мащаба в HTML, използвайте свойството zoom. Например:
увеличение: 1;
Изключете HTML мащабирането
HTML мащабирането е функция на HTML, която позволява на уеб браузърите да увеличават или намаляват размера на текста и изображенията, за да ги направят по-четими на по-малки или по-големи екрани. Тази функция може да бъде изключена в повечето браузъри чрез задаване на свойството html-scaling на „няма“.