我已经将我的媒体查询设置为:
@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
// code here
}
@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
// code here
}
我不得不加上device-aspect-ratio,以抵消Chrome mobile中软键盘带来的方向变化。它工作得很好,但在iPad上测试时,我发现当它转到横向模式时