При изменении ширины экрана, обрезаются блоки. Как это исправить?

Question

[Анатолий Димов]

Когда задаю min-width блоку (box_body) или контейнеру, то при ресайзе окна до min-width, обрезается шапка и футер. Появляется скролл.

https://jsfiddle.net/2cb0rkg3/3/

Как с этим бороться? Почему так происходит?

Мне нужно, задать минимальную ширину для box_body, но чтобы при меньшем размере, небыло скролла. Как-то так.

Comments

[Ankhena]

Почему так происходит?

Потому что, когда что-то не влезает появляется скролл.

Вы можете делать прокрутку в том блоке, который не должен быть меньше 600, а не у всего body. Для этого задать ему обертку со 100% шириной и задать ей нужный overflow.

Либо при ширине 600 (+ отступы) на JS менять meta viewport с device width на фиксированную, тогда браузер дальше будет просто масштабировать сайт (и, возможно, пытаться внести свои коррективы в размеры шрифтов)

Мне нужно, задать минимальную ширину для box_body, но чтобы при меньшем размере, небыло скролла. Как-то так.

Расскажите подробнее, как вы себе представляете поведение на ширине 320. Куда эти 600 должны уместиться без скролла?

Answer 1

[Wispik]

так происходит потому что у тебя у .container_base стоит min-width: 600px

Answer 2

[Максим Иванов]

Не пробовали убрать min-width и оставить только max-width? https://jsfiddle.net/0gsv4x9L/