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

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
@media - не желает работать
« : 05.10.2016, 12: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, 15:06:14 от darkghost »
*

fsv

  • Живу я здесь
  • 2765
  • 402 / 2
Re: @media - не желает работать
« Ответ #1 : 05.10.2016, 14:47:15 »
порядок поменяйте, от большего -> к меньшему (ширина)
Цитировать
В качестве рабочей лошадки использую сервис
рабочая лошадка - браузер, инструменты разработчика
Веб-разработка: заказ. Только новая объемная разработка. Качественно, дорого.
*

darkghost

  • Живу я здесь
  • 2212
  • 97 / 0
Re: @media - не желает работать
« Ответ #2 : 05.10.2016, 15:03:52 »
так просто? - и все заработало!
Сколько облазил, но такого нюанса не встретил, а ведь Нюанс серьезный.
Спасибо тебе fsv добрый человек
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

helix 3 не могу заставить работать position: sticky;

Автор platonische

Ответов: 0
Просмотров: 1144
Последний ответ 04.01.2020, 16:01:16
от platonische
Перестали работать табы на сайте и акордион

Автор Skarm

Ответов: 0
Просмотров: 784
Последний ответ 01.06.2018, 11:43:43
от Skarm
Как правильно прописать @media?

Автор stendapuss

Ответов: 17
Просмотров: 3872
Последний ответ 27.01.2018, 12:02:57
от stendapuss
@media screen - не всегда работает

Автор darkghost

Ответов: 6
Просмотров: 8555
Последний ответ 01.06.2017, 12:08:11
от dmitry_stas
VT media шаблон в слайдере в IE прогрессбар съезжает вниз

Автор wishlight

Ответов: 0
Просмотров: 1166
Последний ответ 26.04.2017, 19:26:53
от wishlight