Question

我为Firefox开发了一个扩展程序，其中具有选项弹出窗口作为首选项。

在移动设备上，由于它不是作为弹出窗口而是作为新标签moz-extension://(...)/popup.html打开，因此我必须应用一些特定的CSS媒体查询。

但是正如您在下面看到的，它肯定无法正常工作。

我该怎么办？

Answer 1

我解决了这个问题。

这不是关于媒体查询，而是因为我的manifest.json看起来像这样：

"options_ui": {
    "page": "config.html",
    "browser_style": false,
    "open_in_tab": true
  }

似乎open_in_tab设置为 true 时，Firefox移动浏览器会打开带有桌面显示的选项页面（不要问我为什么）。

因此将“ open_in_tab”设置为 false 给了我很好的渲染效果。

Answer 2

但是您需要@media查询以获取所需的解决方案！您的Medium提供了最大的尺寸范围，您只需要在不同的sizeranges上声明样式即可：

@media(min-width:XXXpx) {
    // your style here
}