Помощь Адаптивный дизайн для широкоформатных

[Pretech]

Добрый день, суть проблемы такова, имеется сайт, адаптивность под различные устройства есть НО! она рассчитана только для мониторов до 1200px.

И вот вопрос и крик о помощи, как сделать адаптивку до 1600 и 1900 px соответственно, в style.css прописываю что то типа:

@media (min-width: 1600px) {
/* Slidebar widths on extra large screens. */
.sb-slidebar {
width: 10%;
}

.sb-width-thin {
width: 5%;
}

.sb-width-wide {
width: 25%;
}
}

но почему то ничего не меняется.

Заранее спасибо за ответ.

 

[inturned]

Контейнер сайта с каким классом? допустим wrapper

@media screen and (min-width: 1600px) {
   .wrapper {
      width: 1600px;
   }
}

Ну и так далее. А вообще скиньте ссылку, так быстрее помогу

 

[Pretech]

Для просмотра ссылки Войди или Зарегистрируйся
не судите строго первый сайт)))

 

[inturned]

body .container-wrap {
    width: 1170px;
    margin: 0 auto;
    display: block;
}

Дальше пишем под медиа запросы

@media screen and (min-width: XXXXpx) {
   body .container-wrap {
      width: XXXXpx;
   }
}

И так далее по аналогии...

 

[prefer]

body .container-wrap {
width: 1170px;
margin: 0 auto;
display: block;
}

Явно задано ширина width: 1170px;

Для 1600px надо переопределять этот параметр тоже.

 

[inturned]

В смысле как?

Для того, чтобы заработал адаптив нормально, должен быть meta viewport, у Вас он есть.
Пишите либо в style.css в самый низ.

Короче, чем ниже будет стиль прописан, тем первее он будет обрабатываться.

В медиа запросы пишите только те правила, которые нужно изменить, например ширину блоков, либо же размер шрифта и так далее.

UPD: CSS/JS фреймворки - это для быстрой реализации проектов. Тут тогда придется, как минимум прописывать новые стили (от фреймворков) и править существующие, скажем, что оставлять Вам надо только ваш дизайн, а все размеры тогда использовать от фреймворков, тоже самое можете сделать и руками. К тому же сайт уже готов, подключить туда адаптив в первый раз где-то неделя/2 (может и быстрее, все зависит от понимания и навыков)

 

[Pretech]

Огромное спасибо ))) понял вроде чо куда)))

а что такое UPD: CSS/JS фреймворки??? их нужно как то создавать? или на моем этапе лучше не соваться туда)))

 

[inturned]

Огромное спасибо ))) понял вроде чо куда)))
а что такое UPD: CSS/JS фреймворки??? их нужно как то создавать? или на моем этапе лучше не соваться туда)))

UPD - Это дополнение лишь, чтобы не плодить сообщения подряд.
А CSS/JS фреймворки это:
1. Bootstrap - Для просмотра ссылки Войди или Зарегистрируйся
2. UIkit - Для просмотра ссылки Войди или Зарегистрируйся
3. Foundation - Для просмотра ссылки Войди или Зарегистрируйся
И другие. В первую очередь были придуманы для ускорения процесса верстки, потому что уже имеют полную базу и дальше развиваются...

Если интересно, можешь мне в ЛС написать или в контакты в подписи. Там могу детальней проконсультировать по вопросам.