Как определить, находится ли устройство в портретном или ландшафтном режиме с помощью CSS

Question

Для определения размера экрана я использую media queries, но хочу определить, находится ли устройство в portrait or landscape mode using CSS, чтобы у меня было другое фоновое изображение в зависимости от размера экрана.

Любые мысли?

Answer 1

просто написать медиазапросы для альбомных и портретных режимов:

/* Portrait */ 
@media screen and (orientation:portrait) { 
/* Portrait styles */ 
} 
/* Landscape */ 
@media screen and (orientation:landscape) { 
/* Landscape styles */ 
} 

link here