css - 媒体查询方向 : landscape not working

Question

我有这样写的媒体查询:

@media only screen and (max-device-width: 600px) and (orientation: portrait) {
.img-responsive{
    height : 200px;
    width : 100px;
}
}

@media only screen and (max-device-width: 600px) and (orientation: landscape) {
.img-responsive{
    width : 95px;
    height : 100px;
}
}

纵向方向工作正常，但横向 css 似乎不适用。

Answer 1

虽然我只在 chrome 中测试过，但我对调换分辨率很有效

@media all and (max-width: 768px) and (max-height: 1024px) and (orientation:portrait) {}
@media all and (max-width: 1024px) and (max-height: 768px) and (orientation:landscape) {}