высота изображения на основе мобильной ориентации

Question

У меня проблема с небольшой галереей мобильных изображений. Когда я меняю ориентацию на портрет, изображения слишком велики для отображения на экране.

Возможно ли с помощью javascript сделать изображения подходящими для экрана, когда ориентация изменится на портрет?
В ландшафтном режиме все выглядит нормально.

Answer 1

Попробуйте это:

@media screen and (orientation:portrait) { 
    //your css code goes here 
} 

@media screen and (orientation:landscape) { 
    //your css code goes here 
} 

Answer 2

Да, вы можете использовать CSS3 Media Queries без использования JavaScript.

@media screen and (max-width: 450px) { 
    img { 
     width: 30%; 
    } 
} 

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries