javascript - モバイルの向きに基づく画像の高さ

Question

小さなモバイル画像ギャラリーに問題があります。向きを縦向きに変更すると、画像が大きすぎて画面に表示できません。

一部のJavaScriptを使用して、向きが縦向きに変わったときに画像を画面に合わせることができますか？
ランドスケープモードでは、すべてが正常に見えます。

Answer 1

はい、JavaScriptを使用せずにCSS3メディアクエリを使用できます。

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

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

Answer 2

これを試して：

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

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