Съезжает верстка при масшатибровании, как исправить?

Question

[Gennady Dorokhin]

Делаем сайт, вот верстка
Верстка съезжает при масштабировании https://skr.sh/s5ZKMjfI80f
Подскажите как сделать что бы при изменении масштаба верстка не ехала.
Может как то по другому боковое меню переверстать или что то типа этого сделать?
Боковое меню https://skr.sh/s5ZkHCR8q3O задано фикс высоты на разных разрешениях, сделать относительную высоту не выходит, т.к пропадает скролл. Может и этой проблемы есть какое то решение?

Comments

[Антон Литвиненко]

нормально масштабируется, как и должно.
Как один из вариантов увеличить везде размер шрифта + какието-отступы. через rem

[Антон Литвиненко]

гляди, 2 минуты и пару изменений в размере шрифтов, это масштаб -50%

[MamaLuyba]

Антон Литвиненко, 50% - это ладно. Но на 30% верхнее меню уезжает влево.

Answer 1

[MamaLuyba]

А почему бы не засунуть боковое меню вместе с основным блоком во флекс? У вас сейчас во wrapper всего понакидано, а надо, чтобы один блок был aside, а остальные закинуть в отдельный блок. Тогда не должно ничего ехать.
А то у вас сейчас там какие-то margin появляются на разных блоках хэдера - вот верстка и едет.

Comments

[Gennady Dorokhin]

Попробуем. А по списку не подскажете? Реально сделать не фикс высоту и что бы был скролл?

[MamaLuyba]

Gennady Dorokhin, насколько знаю - нет. Единственный вариант - высчитывать высоту основного контейнера, как сумму высот дочерних элементов. Т.е. при каждом изменении масштаба проходимся скриптом по элементам и плюсуем их высоту к одному числу, которое потом и выставляем, как высоту контейнера.
Если высота элементов у всех одна - тогда берем высоту только первого и умножаем на их количество.