Зачем в `meta name="viewport" content="..."` нужен параметр width?

Question

wawa @wawa

HTML
CSS

Зачем в `meta name="viewport" content="..."` нужен параметр width?

Понимаю, что этот параметр по сути есть минимальная ширина страницы в css-пикселях. Но я не понимаю, зачем это нужно если просто можно поставить соответствующее свойство у тега body.
Польза width=device-width мне понятна, но польза от возможности ставить конкретные значения - нет.
Иными словами в чем разница между

<html>
  <head>
    <style>body {min-width: 400px;}</style>
  </head>
...
</html>

и

<html>
  <head>
    <meta name="viewport" content="width=400, initial-scale=1.0">
  </head>
...
</html>

?

Вопрос задан более трёх лет назад
441 просмотр

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

7 комментариев

wawa @wawa Автор вопроса
Максим Тимофеев, ок. Я поправлю вопрос. Какая разница между body {min-width: 400px;} и
<meta name="viewport" content="width=400, initial-scale=1.0">
Написано более трёх лет назад
Максим Тимофеев @webinar

wawa, такая же как и между
.someDiv {min-width: 400px;}
Это совершенно разные вещи. И это детально описано в статьях по ссылкам, которые я привел. Сделать copy - paste сюда?
Есть еще кстати html, он Вас не смущает?
И вообще Ваш вопрос по сути аналогичен "зачем можно задать диву ширину, если можно задать ширину спану?"

Написано более трёх лет назад
wawa @wawa Автор вопроса

Максим Тимофеев, эффект ведь тот же. При initial-scale=1.0 вьюпорт есть body по размеру.

Написано более трёх лет назад
Максим Тимофеев @webinar

wawa,
вьюпорт есть body

нет. Это разные вещи. Они могут иметь одинаковые размеры при определенных условиях, но это не делает их одинаковыми.
body {min-width: 400px;} - гарантирует Вам только минимальную ширину body

Написано более трёх лет назад
wawa @wawa Автор вопроса

Максим Тимофеев, так content="width=400, initial-scale=1.0" тоже гарантирует минимальную ширину.

Написано более трёх лет назад
Максим Тимофеев @webinar

wawa, ширину viewport? Да. Но не body.

Написано более трёх лет назад
wawa @wawa Автор вопроса

Максим Тимофеев, а body разве не растягивается автоматом до возможного размера (с поправкой на margin: 0)?

Написано более трёх лет назад