Какой meta нужно добавить чтобы html страница адаптировалась в мобильном телефоне и при двойном клике не зумилась?
Для того чтобы HTML-страница адаптировалась под мобильные устройства и предотвращала масштабирование (zoom) при двойном клике, в <head> вашего HTML-документа нужно добавить следующий мета-тег:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">Вот объяснение параметров:
width=device-width – устанавливает ширину области просмотра на ширину устройства.initial-scale=1.0 – задает первоначальный уровень масштабирования равным 1.0 (т.е. без масштабирования).user-scalable=no – отключает возможность масштабирования пользователем, что предотвращает двойное увеличение.Таким образом, полный пример может выглядеть так:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Моя адаптивная страница</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это адаптивная страница.</p>
</body>
</html>Не забывайте, что отключение масштабирования может затруднить взаимодействие с вашим сайтом для пользователей, которые нуждаются в увеличении текста или элементов на экране.