Работают ли медиа запросы?

S
На сайте с 21.09.2015
Offline
59
864

Здравствуйте!

Подскажите, работают ли на ваших мобильных устройствах медиа запросы на этой странице: 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

Не работают они и в вебвизоре метрики.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#1

А почему не @media screen and (max-width: 768px) {*- как указано в примерах того же Гугла?

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
S
На сайте с 21.09.2015
Offline
59
#2
DiKiJ:
А почему не @media screen and (max-width: 768px) {*- как указано в примерах того же Гугла?

Да, вы правы. Спасибо.

eis
На сайте с 18.10.2008
Offline
473
eis
#3

Еще про метатег viewport не забывайте

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
D.iK.iJ
На сайте с 26.05.2013
Offline
225
#4
eis:
Еще про метатег viewport не забывайте

И тоже - правильный )))

<meta name="viewport" content="width=device-width, initial-scale=1">

А вообще, погуглил про это: https://habrahabr.ru/company/paysto/blog/254871/

Так что же это на самом деле значит? Простыми словами, «ширина» и «ширина устройства» относятся к ширине устройства, а не всей ширине области просмотра, которая может быть абсолютно другим понятием. Все, что вас должно интересовать – это ширина области просмотра, вне зависимости от ширины устройства.

При этом основным различием между шириной и шириной устройства является то, что ширина устройства не всегда соответствует области просмотра определенного устройства.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий