У меня есть следующий код.Запрос СМИ не работает как ожидалось
@media only screen and (min-width : 320px) and (max-width : 500px)
Я понятия не имею, почему это правило работает только до тех пор, 480px, это следующий код, я использую для определения размера окна.
jQuery(window).resize(function(){
console.clear();
console.log(jQuery(window).width());
});
выше JQuery является ТОЛЬКО ИСПОЛЬЗОВАНЫ перепроверить ОКНО
У меня есть <meta name="viewport" content="width=device-width, initial-scale=1">
Вопрос здесь правило работает только до тех пор, 480px не 500px, которые он должен.
это может быть с учетом вертикальной полосы прокрутки, а – Sid
Очевидный вопрос, но всегда стоит проверить - Есть ли у вас другой медиа-запрос elesewhere, что можно было бы перекрывая этот, например, '@media (мин-ширина: 480px) {} '. 480px - такая обычная минимальная ширина в запросах '@ media', так как это ширина ландшафта iphone 4, я считаю? –
Без проблем, это на самом деле моя первая догадка. Я работаю с готовым шаблоном, поэтому должно быть другое сочетание медиа-запросов. Однако, проверяя консоль, мои стили не перезаписываются, но на самом деле не отображаются. И, например, если я изменяю max-width от 500 до 480, правило перестает работать на 460. есть этот странный 20px, что я не могу найти, где влияет. – Tony