- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте!
Подскажите, работают ли на ваших мобильных устройствах медиа запросы на этой странице: http://www.schoolioneri.com/cat/chastnaya-shkola
Здесь не должна отображаться карта и строка поиска.
@media screen and (max-device-width: 768px)
{
#elm-header-map-3-main {display: none !important;}
.mapshow {display: none !important;}
.elm-search-form {display: none !important;}
}
На моих устройствах всё работает: sgs4, sg tab 10.1 и отображается как надо (кроме dolphin brouser - там не работает), однако на эмуляторе почти на всех устройствах медиа запросы НЕ работают: http://quirktools.com/screenfly/#u=http%3A//www.schoolioneri.com/cat/chastnaya-shkola&w=1024&h=768&a=22&s=1
Не работают они и в вебвизоре метрики.
А почему не @media screen and (max-width: 768px) {*- как указано в примерах того же Гугла?
А почему не @media screen and (max-width: 768px) {*- как указано в примерах того же Гугла?
Да, вы правы. Спасибо.
Еще про метатег viewport не забывайте
Еще про метатег viewport не забывайте
И тоже - правильный )))
<meta name="viewport" content="width=device-width, initial-scale=1">
А вообще, погуглил про это: https://habrahabr.ru/company/paysto/blog/254871/
При этом основным различием между шириной и шириной устройства является то, что ширина устройства не всегда соответствует области просмотра определенного устройства.