Приветствую.
Например есть верстка с такими размерами:
max-width: 1400px;
min-width: 1000px;
width: 100%;
Мне нужно чтобы верстка не рушилась при ширине 1366 => 1280 => 1024
Пишу медиа запрос:
@media only screen and (max-width : 1366px) {.....}
@media only screen and (max-width : 1280px) {.....}
@media only screen and (max-width : 1024px) {.....}
В указанных точках верстка такая как и задумывалась, но например в промежутках скажем между 1280 и 1024, например в точке 1132 некоторые элементы ведут себя не правильно.
Собственно вопрос, нужно ли прописывать эти брейкпоинты в медиа запрос, чтобы подправить верстку в этих точках?
Ведь браузер например на планшете откроется в разрешении 1024х768 и следовательно верстка будет выглядеть как нужно, но с другой стороны при масштабировании она рушится.
Возможно я что-то недопонимаю и запутался. Нужно чтобы макет просто сжимался с 1400 до 1000 но при этом внутренние элементы не перестраивались как в случае с адаптивной версткой, а так же сжимались. Правильно ли я указываю медиа запросы для такой задачи?
Простой
Простой