Question

我对Media Queries非常陌生，所以我用我的Firefox 12.0玩min-width：属性并注意到它只是不起作用。经过一些玩耍和试用这个可爱的网站之后

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

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

除了尝试使用其他浏览器之外，还有其他解决办法吗？

感谢。

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

Answer 1

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

Answer 2

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

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

Answer 3

这是简单的解决方案

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

然后转到工具 - ＆gt; ChromEdit Plus-＆gt; ChromEdit 选择userChrome.css pannel

copy and pate下面的代码保存然后重启

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

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

因此解决了问题，这使你的窗户最小化为200px

由于

Answer 4

使用Web Developer工具栏扩展，您可以通过选择Resize＆gt;来查看常用屏幕尺寸的选择。查看响应式布局

为什么Firefox的最小宽度最小为615px？

4 个答案: