мобильная верстка
271
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; }
}
-
12:23
-
20:41
-
06:31
-
21:28
-
22:18
-
08:00
-
13:46
-
10:14
-
18:32
Сборка персонального компьютера от Artline: умный выбор для современных пользователей
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 49911 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31901 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 25874 visits
- Как через css изменить цвет png изображения? 11721 visits
- Blob video url download 11267 visits
- Php curl запрос через прокси с авторизацией 10662 visits
- Работа с captcha vk api 9470 visits
© "hostciti.net" 20.12.2025 | 02:57