Верстаю сейчас сайт, в макете контейнер в ширину целых 1560 пикселей, но нужно, чтобы сайт помещался в экраны меньшего разрешения, пропорционально сужаясь, без появления горизонтального скрола. Так же есть мобильная версия при ширине экрана меньше 500, ширина контейнера 400 пикселей. Вот сам сайт.
В отладчике гугл хром при уменьшении ширины экрана все работает как надо - размер сайта подгоняется под размер окна, так же при пресечении 500 пикселей корректно отображается мобильная версия. Но в действительности, когда я открываю страницу на других, более узких мониторах, контент выходит за пределы экрана.
До этого приходилось верстать просто статические сайты и все работало как надо. В чем может быть причина? Возможно ли вообще такое реализовать?