проблемы с медиа-запросом: «и (ориентация: ...)», все еще отображается красным в скобках

Question

У меня странная проблема в скобках.

Когда что-то «не так», оно в красном коде. И здесь у вас что-то не должно: медиа-запрос, который я пытаюсь протестировать, сочетать чувствительную ширину для элемента #wrap + различные функции, будь то портрет или пейзаж на экране.

Я просто не могу показаться, чтобы иметь возможность просто написать:

@media all and (orientation: portrait) { 
    #wrap { 
      margin-top: 300px; 
      margin: auto; 
      width: 90%; 
      font-size: 15px; 
    } 
} 

или:

@media only screen 
    and (min-width: 200px) and (orientation: portrait) { 
    #wrap { 
      margin-top: 300px; 
      margin: auto; 
      width: 90%; 
      font-size: 15px; 
    } 
} 

Похоже, что это, и когда я проверить весь свой код в навигаторе его от Конечно, не работает:

Orientation problem

В любом случае часть «и (orientati на: портрет) "считается ошибкой. ???

Я не понимаю, почему.

Я в основном копирование некоторых баз, как this one

Answer 1

Попробуйте использовать этот код (без разрывов строк):

@media all and (orientation: portrait) { 
    #wrap { 
    margin-top: 300px; 
    margin: auto; 
    width: 90%; 
    font-size: 15px; 
    } 
}