OStack程序员社区-中国程序员成长平台

标题: ios - 如何使媒体查询与 Ipad Pro 12.9 一起使用 [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-13 03:27
标题: ios - 如何使媒体查询与 Ipad Pro 12.9 一起使用

我使用以下媒体查询来定位 Ipad Pro 12.9

@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: landscape) and (webkit-min-device-pixel-ratio: 2) {}

它可以在浏览器模拟器上运行，但是当我尝试实际设备时，横向 View 看起来与普通桌面相同。它在纵向上运行良好，但忽略了横向 View 媒体查询。

你们知道解决这个问题的方法吗？

---

Best Answer-推荐答案

尝试使用单独的媒体查询。一张是横向的，一张是纵向的，一张是两面的。

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}

关于ios - 如何使媒体查询与 Ipad Pro 12.9 一起使用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47538705/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4