@media в css3 работает только для первого выбора

Question

Мой CSS должен вызывать три разных цвета фона в зависимости от размера:

@media all and (min-width: 481px) and (max-width: 880px) { 
    body {
        background:#F69;
    }
}

@media all (min-width: 341px) and (max-width: 480px) {
    body {
        background:#06F;
    }
}

@media all and (max-width: 340px) {
    body {
        background:#000;
    }
}

Этот код изменяет только цвет фона для первого диапазона размеров. Зачем? Как я могу заставить его работать для всех трех диапазонов?

Answer 1

Ваш код правильный. Ты должен получить только один цвет. Ваши медиа-запросы настроены правильно. Цвет фона будет отличаться для разных разрешений экрана. Попробуйте использовать другой браузер.