Зачем нужен meta viewport?

meta viewport контролирует как мобильный браузер отображает страницу. Без него браузер эмулирует desktop-ширину (~980px) и масштабирует. С страница использует реальную ширину устройства. Это обязательно для адаптивного дизайна — без viewport media queries не сработают корректно. user-scalable=no блокирует зум — это плохо для accessibility, не рекомендуется. Maximum-scale=1 тоже ограничивает — избегай.