Проблема возникает на моб. устройствах с небольшим разрешением менее 770px.
При значении min-width = 100% ширина страницы будет равна ширине экрана, в результате чего верстка ломается.
Bsp.
![d6b1524a580b4e8eb42409cd2f750af4.png](https://habrastorage.org/files/d6b/152/4a5/d6b1524a580b4e8eb42409cd2f750af4.png)
Если же задать фиксированное значение min-width = 480px, то ширина страницы будет больше чем ширина экрана.
Bsp.
![305d8c74071342f19fec85ff23c27f15.png](https://habrastorage.org/files/305/d8c/740/305d8c74071342f19fec85ff23c27f15.png)
Я исхожу из того, что мета тег должен размещать контент по ширине дисплея независимо от ширины самой страницы, или я ошибаюсь?
посмотреть можно тут