图像宽度不同于风景/肖像

Question

我有一个Tumblr页面，其中所有图像具有相同的宽度

img.photo_img {max-width: 500px}

有没有办法对肖像和风景画进行不同的设计 也许正在研究他们的宽高比？

我很想拥有：

PORTRAIT：宽度500px 风景：宽度750px

感谢。

Answer 1

您可以使用媒体查询执行此操作

@media all and (orientation:portrait) {
    img.photo_img{max-width:500px;}
}
@media all and (orientation:landscape) {
    img.photo_img{max-width:750px;}

}

查看示例here