мобильная верстка

247
15 декабря 2016, 16:24

Имеется верстка, внутри верстки находятся два контейнера. Один контейнер имеет ширину 1600 и называется <div id="main"></div> и имеется контейнер с шириной 1000 и называется <div id="mini"></div> Как показывать <div id="main"></div> на компьютерах, а <div id="mini"></div> на мобильных телефонах (Android,Iphone и так далее)?

Answer 1

Пробовал делать вот так

@media screen (max-width: 1000px) { #main {display:none} #mini {display:block;}

Почему то все равно показывается main версия

Поменяй местами стили, чтобы код в media-запросы шёл после обычного.

А ещё ты and пропустил:

@media screen and (max-width: 1000px) {
  #main { display:none;  }
  #mini { display:block; }
}
ПОСЛЕДНИЕ ВОПРОСЫ
Все вопросы
Подробнее о сайте site-vizitka-kiev.org.ua
ТОП-10
READ ALSO
Фильтр сортировки съедает карусель
HTML

Фильтр сортировки съедает карусель

Всем привет! Есть сайт на wordpress тема которого построена с помощью visual composerНа сайте присутствует фильтр товаров (код ниже)

 291
Как с помощью скрипта можно добавить ссылку к тексту?
HTML

Как с помощью скрипта можно добавить ссылку к тексту?

ПриветствуюЕсть на сайте копирайт:

 283
Верстка макета, простая задача, но мозг отказывается работать
HTML

Верстка макета, простая задача, но мозг отказывается работать

Доброго времени суток! То ли лето, то мне пора в отпуск, но что-то я заглумился с одним макетомДизайнеры люди творческие, и всякие штуки придумывают,...

 215
Нужна помощь с формами action
HTML

Нужна помощь с формами action

У меня есть один файл например, indexphp, и там есть кнопка, и вот если кнопку нажать, то должно выйти index

 237