媒体查询：iPad只有一个方向有效

我目前有一个网站，我转换成一个自适应网站的麻烦。出于某种原因，我只能在iPad上获得一个方向。如果我不评论横向风格，那么肖像风格在ipad上也会起作用，反之亦然。我真的不明白我做错了什么

以下是我正在使用的媒体查询：

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

---

这里是指向该站点的链接

问题在于

最小设备宽度

。试着用481代替768。

试一试：

@media only screen and (device-width: 768px) {
  /* targets iPad  */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* targets iPad Portrait */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
 /* targets iPad Landscape */
}

---

我今天也有同样的问题！事实证明，删除meta viewport标记中的my height=设备高度修复了该问题，并允许CSS按预期在纵向和横向之间切换。希望这有帮助