Не работают @media правила ни Chrome, ни в Firefox

304
14 июля 2017, 04:15

Не работают медиа правила. Не отображаются даже в DevTools ни в одном из браузеров. Медиа я писал в самом конце всех стилей. В шапке подключил:

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

Может, проблема в том, что нет основных правил (не медиа) для конкретно этого блока (только для дочерних в нём)? Или это особенности Wordpress какие-то?

@media screen(max-width: 1280px) {
    .header_info .row .row1 {
        display: none;
    }
    .header_info .row .row1 .phone {
        display: none;
    }
}

Вот сам сайт:введите сюда описание ссылки

Answer 1

У Вас and перед (max-width: 1280px) пропущено. Должно быть:

@media screen and (max-width: 1280px) {
}
Answer 2

В WordPress нет ни одной особенности, связанной с css, да и не может быть, потому что стили распознаются браузером.

Может, проблема в том, что нет основных правил (не медиа)

Нет, и не в этом. Стили могут быть указаны только в media, и нигде больше.

Что тогда? Самая распространённая ошибка - незакрытая скобка внутри файла css. После этого все, что ниже, браузер просто игнорирует.

READ ALSO
Как вызвать процедуру по условию?

Как вызвать процедуру по условию?

Как правильно вызвать процедуру если найдена запись в таблице?

304
java web кодировка

java web кодировка

Создал веб приложение на сервлетах с сервером tomcat и столкнулся с проблемой кодировки

218
реализация get метода в Hashmap

реализация get метода в Hashmap

Есть такой Hashmap

251