CSS Media Queries - не работает на правильную ширину

Я настроил тест с запросами СМИ работать следующим образом:CSS Media Queries - не работает на правильную ширину

@media only screen and (min-width: 650px) and (max-width: 700px) { 
    #global-wrapper-cp-fefc4ea514a255df2244eaccdabbb262 * { 
     background: red !important; 
    } 
}

Однако CSS эффективен от 666px до 716px:

Мой браузер на 100% увеличить, так что не может быть. Я использую расширение Chrome «Ширина браузера».

Я надеюсь, что это нечто простое, что оставит меня красным лицом. Может ли кто-нибудь предложить какие-либо советы? Спасибо.

источник

2017-01-23 Anonymous

Есть ли другие правила, указывающие красный фон? Когда размер вашего видового экрана больше 700 пикселей, медиа-запрос больше неактивен, но могут быть дополнительные правила, обеспечивающие красное фонирование. Всегда ** создавайте минимальный, проверенный и конкретный пример, который воспроизводит вашу проблему **, что обычно помогает в устранении неполадок. – Terry

Эй. Не бойтесь, это единственное правило, которое я поставил на место, и ничто другое не должно иметь красный фон. Если я удалю правило, красный фон не будет иметь никакой ширины. –

Вам нужно протестировать его в чувствительном разделе просмотра, в настоящее время он показывает полосу прокрутки 17px, после исключения этой ширины ваш медиа-запрос будет работать –

Вы должны протестировать его в чувствительном виде, в настоящее время он показывает 17px полосу прокрутки. После исключения этой ширины ваш медиа-запрос будет работать.

источник

2017-01-23 13:02:37

А это имеет смысл. Я знал, что это будет глупо просто. Спасибо. –

CSS Media Queries - не работает на правильную ширину

ответ

Смежные вопросы