Чтобы масштабировать содержимое HTML-страницы до ширины страницы с помощью метатега viewport в Google Chrome, вам нужно добавить следующую строку в секцию <head> вашего HTML-файла:
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
Давайте рассмотрим эту строку подробнее.
width=device-width задает ширину экрана мобильного устройства как ширину viewport. Это означает, что содержимое страницы будет автоматически масштабировано до размеров экрана устройства.
initial-scale=1 устанавливает начальный масштаб страницы равным 1. Это гарантирует, что страница отобразится в полную ширину без дополнительных масштабирований.
shrink-to-fit=yes позволяет браузеру уменьшать масштаб страницы, чтобы подстроиться под размеры экрана при необходимости.
Этот метатег viewport может быть полезен для разработки адаптивных и мобильных веб-сайтов. Он позволяет автоматически масштабировать содержимое страницы до ширины экрана, повышая удобство чтения и общий пользовательский опыт.