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.否则为   零。