Почему исчезает фон при использовании device toolbar?

Question

[Raey]

Объясните, пожалуйста, почему исчезает фон, если изменять размер сайта по оси х в девайс тулбаре (пример на картинке).
Ссылка на пример https://orezraey1337.github.io/
Буду благодарен за помощь.

Answer 1

[Владислав]

Потому что фон принимает ширину области просмотра на данном скрине это 725пх, а все содержимое контейнеров остается 960пх, тк ширина самого контейнера 940 фиксированная + 20пх паддинга. Область просмотра как бы отдаляется, зумится в обратную сторону, не показывая горизонтальный скролл, из за этого происходит такой эффект.

Comments

[Raey]

Сделал body min-width: 960px и все стало норм, спасибо. Но, все равно, не понимаю, как, например, в данной работе (redxcreator.ru/project/technomart/) добились этого без задания минимальной ширины.

[Владислав]

Raey, не уверен, но похоже что трюк в том что в данной работе не указан вьюпорт в head