Есть такой код:
@media (min-width: 320px) {
.container {
width: 1024px;
}
}
@media (min-width: 1024px) {
.container {
width: 1124px;
}
}
Насколько я понимаю, что код должен работать так:
1) для всех устройств с разрешением экрана в диапазоне: 320px-1023px устанавливаем ширину контейнера 1024px
2) В случае если разрешение экрана больше или равно 1024px устанавливаем ширину контейнера 1124px
Однако, второе правило срабатывает только при установке разрешений начиная 1127px.
Разрешения проверяю в отладчике хрома и вообще не понимаю, почему так происходит
Update: я создал чистый html файл и проверил как будет работать данный media queries - все отрабатывает как нужно.
А на рабочем проекте набблюдаю вышеописанное поведение, и в отладчике я не вижу никаких css правил, которые бы влияли на мой код.
Пример:
take.ms/n8DrX и
take.ms/2KNsW
как так?
Простой
Средний
