0

У меня есть ниже медиа-запросCSS Медиа запросы: правило не более ширины не применяются

@media only screen and (max-width: 800px) { 
    .class-something { 
    padding: 30px; 
    } 
} 

Указанное правило не получает применяются для разрешения 800px ширины. Если я даю max-width как 830px (что-то выше этого), оно применяется.

Я использую web developer плагин firefox для проверки приложения в разных разрешениях.

Почему это не применяется к правилу, когда я даю точное разрешение? Это проблема с плагином, который я использую для тестирования? Кто-нибудь испытал эту проблему раньше?

+0

Скриншот поможет – Itay

+0

Мое предположение заключалось в том, что max-width была такой же, как и в случае <= однако после некоторых тестов у меня возникает ощущение, что это только zmanc

+2

Я бы рискнул сделать ставку на то, что у вас есть другой медиа-запрос, который превосходит этот. – Michael

ответ

1

Похоже, что в firefox ширина панелей инструментов влияет на ширину окна просмотра.

Отключить панели инструментов в firefox для тестирования, в моем случае мне пришлось отключить навигацию и закладки, но при включении навигационной панели снова (для ввода другого URL) проблема отсутствовала и изменение размера окна работает, как ожидалось.