Как именно влияет мета области просмотра на ширину элементов?

Question

Я прочитал учебник w3school о метатеге viewport, поэтому они дают 2 примера, объясняющих использование тега:

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

Первый пример без него показывает, как и ожидалосьв то время как второй пример с тегом регулирует ширину изображения на смартфонах, делая его равным 100% ширины области просмотра, ведьма для меня не имеет смысла.Почему настройка виртуальной ширины, равной ширине устройства, делает такую ​​настройку, изображение обычно не должно умещаться по всей ширине в обоих случаях, так как установленная ширина 460 пикселей меньше ширины моего устройства более 1000 пикселей и более широкой виртуальнойwidth.

Мой второй запрос касается initial-scale = 1, если бы это не было значением по умолчанию, что было бы иначе, если бы мы не объявили его.

Спасибо за вашвнимание.

Answer 1

В дополнение к ответу Квентина,

Если вы установите начальный масштаб на «1.0», то веб-страница будет отображаться в соответствии с разрешением целевой плотности от 1 до 1.

Answer 2

Посмотрите на CSS для этой страницы.

img {
    max-width: 100%;
    height: auto;
}

Максимальная ширина переопределяет ширину.