Bildhöhe basierend auf der mobilen Ausrichtung

Question

Ich habe ein Problem mit einer kleinen mobilen Bildergalerie. Wenn ich die Ausrichtung auf Hochformat ändere, sind die Bilder zu groß, um auf dem Bildschirm angezeigt zu werden.

Ist es möglich, mit etwas JavaScript die Bilder passend zu machen, wenn sich die Ausrichtung auf Hochformat ändert?
Im Querformat sieht alles gut aus.

Answer 1

Ja, Sie können CSS3 Media Queries verwenden, ohne JavaScript zu verwenden.

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

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

Answer 2

Versuchen Sie dies:

@media screen and (orientation:portrait) {
    //Ihr CSS-Code kommt hierhin
}

@media screen and (orientation:landscape) {
    //Ihr CSS-Code kommt hierhin
}