5 подписчиков

Как правильно настроить CSS медиа запросы?

11 октября 201811 окт 2018

125

~1 мин

сайт под управлением joomla 3. В теге head прописал
начал подключать медиа запросы (пример ниже)

{собака}media (min-width: 992px) and (max-width: 1360px) { #sppb-addon-1538044483154 .sppb-addon-title { font-size: 20px; } #sppb-addon-1538051252651 .sppb-addon-title { font-size: 20px; } #sppb-addon-1538051252656 .sppb-addon-title { font-size: 20px; } } но они не срабатывают,когда смотрю в браузере код, вижу все свои написанные свойства перечеркнутыми. В чем может быть проблема? Прочитал в интернете что проблема может быть в этом "Правило перекрывается более приоритетным селектором" если это так, как это исправить. буду чрезмерно благодарен за подробный ответ.

Ответы наших читателей:

Pavel Marchenko

media screen and (max-width: 1200px) {
.container {
width: 970px;
}
}

media screen and (max-width: 991px) {
.container {
width: 750px;
}
}

media screen and (max-width: 767px) {
.container {
width: 450px;
}

}

media screen and (max-width: 479px) {
.container {
width: 310px;
}
}