Viewport объясните в двух словах?

Question

[i_m]

В чем разница?

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

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

это случаем не связано в различии медиа запросов max-width и min-width?
полдня игрался с адаптивом в поисках горизонтального скролла
стоило только строку viewport заменить

Answer 1

[Антон Литвиненко]

Второй вьюпорт не позволяет пользователю скейлить страницу. Например на мобилке увеличить двумя пальцами

Comments

[i_m]

Спасибо
тогда получается я чего то не знаю в верстке под 1й вью
может нужно body задавать overflow по дефолту?
т.к реально уже все блоки поодключал, работал только с одним
даже через devtools ничего не смог найти, что могло бы выходить за пределы давая скролл

[Антон Литвиненко]

i_m, ну я боди задаю по дефолту overflow-x: hidden, если нужно юзать что-то типа animate.css, но это не спасает от выпирающих элементов

[i_m]

Антон Литвиненко, понял
Благодарю!