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

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

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

f2150d42e7a64c28b4b2d9af0ffb4630.png

Пришло в голову задать body min-width и это решило проблему. Нормальная ли это практика или просто у меня изначально слишком кривая верстка?
  • Вопрос задан
  • 5545 просмотров
Пригласить эксперта
Ответы на вопрос 3
@Singularity
Можно в процентах задавать размери и использовать media query ето должно решить проблему.

https://ru.wikipedia.org/wiki/%D0%90%D0%B4%D0%B0%D...
Ответ написан
Комментировать
@bioforge
Верстающий пыхер
Под масштабированием я так понял, что понимается уменьшение размера окна.

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

Сайт настолько не адаптивен, что нужно практически всю структуру сайта перевёрстывать.
Если это первая работа по адаптации сайта под разные устройства, то можно попробовать готовые адаптивные CSS-фреймворки.
Ответ написан
@Yadalay
Php, Mysql, Html, Css, Js/Jquery/Ajax, Laravel
Попробуйте использовать overflow: hidden для родительского блока.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 22:26
3500 руб./за проект
22 нояб. 2024, в 21:47
3000 руб./за проект
22 нояб. 2024, в 21:44
50000 руб./за проект