Почему при масштабировании едет верстка?

Question

[notveganmustdie]

Ссылка на страницу

При масштабировании блоки section начинают уменьшаться, а внутренние блоки inner остаются такой ширины и в итоге inner становится больше своего родителя, как так? Где я накосячил? Как это можно исправить?



Пришло в голову задать body min-width и это решило проблему. Нормальная ли это практика или просто у меня изначально слишком кривая верстка?

Answer 1

[Singularity]

Можно в процентах задавать размери и использовать media query ето должно решить проблему.

https://ru.wikipedia.org/wiki/%D0%90%D0%B4%D0%B0%D...

Answer 2

[bio]

Под масштабированием я так понял, что понимается уменьшение размера окна.

Если смотреть только на блок inner, то для него прописана ширина в 940px. По этой причине блок не уменьшается.

Сайт настолько не адаптивен, что нужно практически всю структуру сайта перевёрстывать.
Если это первая работа по адаптации сайта под разные устройства, то можно попробовать готовые адаптивные CSS-фреймворки.

Comments

[notveganmustdie]

Так это же фиксированная верстка. Все значения в px.

Answer 3

[Антон]

Попробуйте использовать overflow: hidden для родительского блока.