3

我对媒体查询非常陌生,所以我在我的 Firefox 12.0 中使用 min-width: 属性并注意到它只是不起作用。在玩了一些游戏并尝试了这个可爱的网站之后

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

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

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

谢谢。

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

4

4 回答 4

3

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

于 2012-05-30T17:51:34.573 回答
2

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

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

于 2012-05-31T13:38:31.547 回答
1

这是简单的解决方案

从这里安装 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;
    }

从而解决了问题,这使您的窗口最小为 200px

谢谢

于 2014-01-23T05:50:32.057 回答
0

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

于 2014-01-07T18:23:37.753 回答