Что такое начальная шкала = 1.0?

Question

Я не смог найти окончательного определения того, что означает initial-scale=1.0 и initial-scale=2.0.

Что они означают?

Я знаю, что initial-scale связан с увеличением, я просто не знаю, что это за значения от 1-10.

Источник: https://www.w3.org/TR/css-device-adapt-1/#translate-meta-to-at-viewport

Answer 1

Обычный мобильный отзывчивый сайт будет содержать мета-тег HTML в голове, как следующее:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

В теге width свойство контролирует размер окна просмотра. Он может быть установлен либо на точное количество пикселей, например width = 400, либо на специальное значение device-width значение, которое является шириной экрана в пикселях CSS в масштабе 100%. device-width - наиболее часто используемая ширина для чувствительных веб-сайтов, которые масштабируются по разным размерам экрана.

При первой загрузке страницы свойство initial-scale управляет начальным уровнем масштабирования, т.е. 1 пиксель пикселя изображения = 1 пиксель CSS. User-scalable, maximum-scale и minimum-scale свойства управляют тем, как пользователь может увеличить или уменьшить страницу.

Вы можете установить пример html-страницы и включить тег viewport и изменить атрибут initial-scale, чтобы увидеть разницу. Также попробуйте просмотреть страницу с различными размерами и ориентацией видового экрана.

начальная шкала: начальный зум при посещении страницы. 1.0 не масштабируется.

Чтобы ответить на то, что первоначальный масштаб = 2,0 означает, что здесь приведен пример использования 2.0:

В дополнение к вышесказанному, вы можете указать начальный коэффициент масштабирования для область просмотра. Если вы хотите, чтобы окно просмотра вашей страницы было равно ширине устройства, и если вы увеличите масштаб изображения по умолчанию, например, с коэффициентом 2, это свойство пригодится. Код для этого будет выглядеть следующим образом :.

Изображение, приведенное выше, показывает, как это будет выглядеть - хотя это не является особенно практичной демонстрацией возможностей, которые может предложить начальная шкала, базовая точка должна быть ясной: содержимое взорвано с коэффициентом 2 на первая загрузка.

https://dev.opera.com/articles/an-introduction-to-meta-viewport-and-viewport/#initial-scale

Некоторые хорошие ссылки на кассу: https://css-tricks.com/snippets/html/responsive-meta-tag/ https://css-tricks.com/probably-use-initial-scale1/

Answer 2

я просматривал старую книгу и нашел ответ на вопрос, что означает значение. Я не смог проверить это, используя более официальный ресурс, такой как W3C.

Возможный диапазон значений для initial-scale составляет от 10% до 1000% или от 0,1 до 10,0.

0,1 = 10% увеличения

0,2 = 20% увеличения

...

1,0 = 100%

2,0 = 200%

...

10,0 = 1000%

Мне еще предстоит проверить их на реальных устройствах.