为什么 Firefox 的最小宽度最小为 615 像素？答案

【问题标题】：Why does Firefox have a min-width minimum of 615px?为什么 Firefox 的最小宽度最小为 615 像素？
【发布时间】：2012-06-04 23:39:46
【问题描述】：

我对媒体查询非常陌生，所以我在我的 Firefox 12.0 中使用 min-width: 属性，发现它只是不起作用。在玩了一段时间并尝试了这个可爱的网站之后

http://barrow.io/lab/media-query-viewport/

我发现我的 Firefox 在我的机器（它是一个 XP 盒子）上支持的最小最小宽度是 615 像素。为什么？我正在尝试使用媒体查询，以便我可以制作一个在许多设备和台式机上运行良好的网站。这包括 480 和 320 像素宽的设备。由于 Firefox 不允许我测试较小的宽度，这将严重影响我的开发。

除了尝试不同的浏览器之外，还有什么解决方法吗？

谢谢。

编辑：现在我的 Firefox 已经经历了一些升级（现在是 v22），这不再是一个问题。我很高兴它得到了修复。

【问题讨论】：

增强导航栏的扩展（例如，Firebug、Colorzilla、LastPass、Web of Trust）大大恶化了这个问题。我在与此问题相关的三个 Stack Overflow 问题中看到的最佳解决方案：查看 > 工具栏 > 隐藏导航工具栏。在 Firefox for Windows 中切换导航栏的快速键盘快捷键：按住 Alt，然后按 V、T、N。另请参阅 stackoverflow.com/questions/8286680/… 和 stackoverflow.com/questions/7663005/…。
在 Firefox 35+ 上，转到菜单 > 开发人员 > 响应式设计视图。还包括常见智能手机分辨率的预设。

标签： firefox media-queries css

【解决方案1】：

截至目前：http://support.mozilla.org/en-US/questions/772847#answer-125895, Firefox 支持不超过 480 的宽度，因此如果要测试 320 像素，则必须使用不同的浏览器。我要指出的是，如果你想在你的网站上测试智能手机，你应该在智能手机硬件上使用智能手机浏览器......不仅仅是将桌面浏览器设置为非常小的分辨率，这听起来像是你试图做的。

【讨论】：

数字。现在我得到了答案，我正在寻找其他我希望之前找到的答案。 stackoverflow.com/questions/8286680/…stackoverflow.com/questions/7663005/…
至于测试，是的，你必须使用硬件。但是对于开发，我不会浪费时间搞乱硬件。我想尽快开发和测试所有的宽度，这就是我需要桌面浏览器的原因。
P.S. Chrome 以我需要的方式工作，因此我将在 iPhone/iPad 上测试 Safari 之前将其用于开发。
ye，chrome 和 safari 我没有用 IE 测试过，但我认为它可以在 IE9 上工作。这真的让我很沮丧，为什么Firefox会这样做:(

【解决方案2】：

有一个简单的解决方法：将网站加载到所需宽度的 iframe 中。

哦，至于为什么，您观察到的行为是由于 Firefox 用户界面由于某种原因没有缩小到某个宽度以下。通常是由于扩展与 UI 冲突。

【讨论】：

【解决方案3】：

使用 Web Developer 工具栏扩展，您可以通过选择 Resize > View Responsive Layouts 查看常用屏幕尺寸的选择

【讨论】：

【解决方案4】：

这是一个简单的解决方案

从这里安装 chromEditPlus 插件 http://webdesigns.ms11.net/chromeditp.html

然后转到工具-> ChromEdit Plus-> ChromEdit 选择 userChrome.css 面板

复制并粘贴下面的代码保存然后重新启动

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

    #main-window:not([chromehidden~="toolbar"]) {
      min-width: 200px !important;
    }

从而解决了问题，这使您的窗口最小为 200 像素

谢谢

【讨论】：