Firefox 没有获取 ipad 特定的媒体查询

Question

我在 OSX (v46.0.1) 上使用最新版本的 Firefox，并使用以下媒体查询实现了特定于平板电脑的设计：

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){}

Firefox 完全忽略它。它还使引导 xs 大小的媒体查询完全错误，但我不希望任何人看到它（Firefox 移动工作正常）。为了以防万一，我已经关闭了 Firefox 中的所有扩展，但这并没有帮助。

有其他人经历过吗？

Answer 1

更改min/max-device

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)

致min/max-width

@media only screen and (min-width: 768px) and (max-width: 1024px)

---

原因

min/max-width

宽度媒体特征描述了渲染表面的宽度 输出设备（例如文档窗口的宽度，或 打印机上页框的宽度）。

min/max-device-width

判断输出设备是网格设备还是位图 设备。如果设备是基于网格的（例如 TTY 终端或 手机显示只有一种字体），值为1。否则为 零。