Блог

Главная - Вопросы по программированию - медиа-запрос не работает должным образом при использовании ориентации

медиа-запрос не работает должным образом при использовании ориентации

#css

#css

Вопрос:

Я написал внутренний css для изменения цвета фона тела.От экрана 601px до 700px я хочу, чтобы фон был светло-голубым, а в альбомной ориентации я хочу, чтобы фон был красным.Моя проблема в том, что я получаю только красный фон, только кто-нибудь может мне помочь с этим.

 <style>
body {
  background-color: lightgreen;
}

@media only screen and (min-width:601px) and (max-width:700px){
  body {
    background-color: lightblue;
  }
}

@media only screen and (max-width: 734px) and (orientation: landscape){
body {
    background-color: red;
}
}
</style>

Комментарии:

1. что, если вы добавите минимальную ширину и максимальную ширину

2. на экранах между 601 и 700 цвет фона будет красным, а не синим. Я хочу только красный фон в альбомном режиме

3. в альбомной ориентации он красный, а когда его нет в альбомной ориентации, он синий? если это так, то он работает, когда достигает высоты ландшафта, его красный

Ответ №1:

попробуйте это.

 @media only screen and (min-width: 734px) and (orientation: landscape){
body {    background-color: red; }

Комментарии:

1. Спасибо за вашу помощь. Предположим, что ширина устройства равна 600 * 700, поскольку я хочу, чтобы bgcolor был синим, а в альбомной ориентации, т.е. 700 * 600, я хочу, чтобы bg был красным