Я создаю отзывчивую страницу, и медиа-запросы стреляют с неправильным размером ширины. Я использую Chrome.
@media screen and (max-width: 1200px) {
.logo-pic {
display: none;
}
}
Например, это правило работает только при неправильном размере. Это правило срабатывает при 1320px, а не 1200px. У меня есть метатег для html на месте. Кажется, он стреляет в медиа-запрос 100 или около того, пиксель шире, чем обычно.
<meta name="viewport" content="width=device-width, initial-scale=1">
Я проверил предыдущий отзывчивый сайт, который я сделал, и эти контрольные точки стреляют правильно. Я тестировал браузер на разных сайтах, и медиа-запросы тоже прекрасны.
Я нашел знакомый вопрос о переполнении стека, но он остался без ответа.
Точка прерывания Media Queries при неправильном значении
Не знаете, в чем проблема?