Я просматривал исходный код веб-сайта и нашел этот фрагмент кода.
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=1.0">
Я хочу знать, что такое начальная шкала, масштабируемая пользователем, минимальная шкала, максимальная шкала и что означают эти значения? А также скажите мне, какие значения они принимают.
Они метатеги viewport и наиболее применимы в мобильных браузерах.
Это означает, что мы говорим браузеру: "Мой сайт адаптируется к ширине вашего устройства".
Это определяет масштаб веб-сайта. Этот параметр устанавливает начальный уровень масштабирования, что означает, что 1 пиксель CSS равен 1 пикселю видового экрана. Этот параметр помогает при изменении ориентации или предотвращении масштабирования по умолчанию. Без этого параметра отзывчивый сайт не будет работать.
Максимальный масштаб определяет максимальное масштабирование. Когда вы получаете доступ к веб-сайту, главный приоритет maximum-scale=1, и он не позволит пользователю увеличивать масштаб.
Минимальная шкала определяет минимальное масштабирование. Это работает так же, как указано выше, но определяет минимальный масштаб. Это полезно, когда maximum-scale велико, и вы хотите установить minimum-scale.
Пользовательский масштабируемый, назначенный 1.0, означает, что веб-сайт позволяет пользователю увеличивать или уменьшать масштаб.
Но если вы назначили его user-scalable=no, это означает, что веб-сайт не позволяет пользователю увеличивать или уменьшать масштаб.
пользовательский масштабируемый:
user-scaleable = yes (по умолчанию), чтобы позволить пользователю увеличивать или масштабировать на веб-странице;
user-scalable = no, чтобы предотвратить масштабирование или масштабирование.
вы можете получить более подробную информацию, прочитав следующие статьи, надеясь, что это поможет вам!
http://www.html-5.com/metatags/meta-viewport.html
https://css-tricks.com/snippets/html/responsive-meta-tag/
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#Attributes
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
</head>
<body>
<header>
</header>
<main>
<section>
<h1>do not using <mark>user-scalable=no</mark></h1>
</section>
</main>
<footer>
</footer>
</body>
</html> viewport метатег в мобильном браузере,
Свойство начального масштаба управляет уровнем масштабирования при первой загрузке страницы. максимальный, минимальный масштаб и масштабируемые пользователем свойства управляют тем, как пользователям разрешено увеличивать или уменьшать страницу.
Это для управления аспектом на мобильных телефонах и планшетах. Вы найдете более подробную информацию здесь: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
Подсказки - это атрибуты тега метаданных в окне просмотра
Ширина: ширина виртуального видового экрана устройства. Ширина устройства: физическая ширина экрана устройства. Высота: высота "виртуального видового экрана" устройства. Высота устройства: физическая высота экрана устройства. Начальная шкала: начальное масштабирование при посещении страницы. 1.0 не масштабируется. Минимальный размер: минимальная сумма, которую посетитель может увеличить на странице. 1.0 не масштабируется. Максимальный масштаб: максимальная сумма, которую посетитель может увеличить на странице. 1.0 не масштабируется. user-scaleable: Позволяет устройству увеличивать и уменьшать масштаб. Значения да или нет.