остановить растягивание сайта

Question

Есть сайт test.ru с адаптивным дизайном (разные отступы, эксклюзивные для разрешения элементы). Последнее из css-свойств:

@media all and (min-width: 1920px) {
...
}

Проблема собственно в том, что несмотря на наличие специальных свойств сайт теряет всякую привлекательность уже после 2560+ и увеличение отступов тут не сильно помогает. Соответственно вопрос: как ограничить масштабирование сайта после 1920 (чтобы на любом большем разрешении показывалась версия для 1920 (то есть чтобы сами элементы росли))?

Answer 1

@media (min-width: 1920px) and (max-width: 99999px) { ... }

Answer 2

Поместить содеоржимое с белым фоном в контейнер

.container { max-width: 1920px; width: 100%; marin: 0 auto}

Для меню и подвала в контейнер поместить не само меню, а обернуть его содержимое

<body>
<div id=head><div class=container>меню</div></div>
<div class=container>текст</div>
</body>

Answer 3

<style>
.wrapper{
width:100vw;
}
.content{
margin:0 auto;
max-width:1920px;
z-index:2;
}
@media screen and (max-width:1920px){
.wrapper{
max-width:100%;
}
}
</style>

<body>
<siv class=wrapper>
<div class='content'>
здесь контент
</div>
</div>

БЛОГ НА HUSL

остановить растягивание сайта

Ответы (3 шт):