Как задать @media запрос с несколькими параметрами?

Question

[Сергей Шилов]

Мне нужно задать медиа-запрос с одновременно несколькими параметрами: ширина, и ориентации вертикальная и горизонтальная.
Как правильно это написать?

@media screen and (max-width: 800px) and (orientation:landscape) - не работает.

Answer 1

[Руслан]

Вот же, работает codepen.io/roose/full/zgCuw

Comments

[Сергей Шилов]

а напишите мне код, который Вы написали

[Руслан]

@Olivoin снизу там Edit this Pen нажать надо и редактор откроется

[Сергей Шилов]

@rOOse вот ответ! Надо прописать 2 медиа-запроса, я просто хотел и горизонтальную и вертикальную ориентацию пихнуть в описание для одного запроса

[Руслан]

@Olivoin =)

Answer 2

[Юрий Лобанов]

@media даже не подозревает, что он тут популярен )

Answer 3

[Руслан]

Работает, может вы не так проверяете, это сработает при ширине меньше или равно 800

Comments

[Сергей Шилов]

Нет, когда я пишу именно так, то медиа вообще перестает работать

[Руслан]

@Olivoin у меня работает, вы в чем проверяете?

Answer 4

[Seva Sargsyan]

Попробуйте задать тип: @media all, screen, {Описание стиля }

Comments

[Сергей Шилов]

Но мне "all" не нужен, у меня конкретные параметры