@media - не желает работать

  • 2 Ответов
  • 218 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

darkghost

  • *******
  • 2100
  • 94
@media - не желает работать
« : 05.10.2016, 14:11:41 »
Доброе время суток, Форум!

Столкнулся с проблемой - @media - для разных разрешений монитора не желает работать. А именно - не распознает разрешение.
В качестве рабочей лошадки использую сервис
Спойлер
[свернуть]

В стилях прописал вот такие правила
Код
@media screen and (max-width: 1024px) {
div.avs_thumb { margin: 7px 15px 7px 5px; width: 120px; }
.image { width: 120px;}
}
@media screen and (max-width: 1280px) {
div.avs_thumb { margin: 7px 15px 7px 5px; width: 185px; }
.image { width: 185px;}
}
...
@media screen and (max-width: 1920px) {
div.avs_thumb { margin: 7px 15px 7px 5px; width: 190px; }
.image { width: 190px; }
}
Если проверять на сервисе -quirktools-, срабатывает правило для 1920 и все.
Ознакомился с темой Свои стили для мобильных устройств - попробовал и такое шо то изобразить, желаемого эффекта не получилось
Шаблон - corporate_response

P.S. - Это "старая болячка" - Компонент - allvideoshare, вывод иконок, которую все-таки пытаюсь решить через @media
« Последнее редактирование: 05.10.2016, 17:06:14 от darkghost »

*

fsv

  • *******
  • 2503
  • 366
Re: @media - не желает работать
« Ответ #1 : 05.10.2016, 16:47:15 »
порядок поменяйте, от большего -> к меньшему (ширина)
Цитировать
В качестве рабочей лошадки использую сервис
рабочая лошадка - браузер, инструменты разработчика
Заказать разработку:    расширения Joomla  |   интерфейсы на javascript(jQuery)  |  мобильные приложения

*

darkghost

  • *******
  • 2100
  • 94
Re: @media - не желает работать
« Ответ #2 : 05.10.2016, 17:03:52 »
так просто? - и все заработало!
Сколько облазил, но такого нюанса не встретил, а ведь Нюанс серьезный.
Спасибо тебе fsv добрый человек