我非常新媒体查询,所以我是用最小宽度玩:用我的Firefox 12.0属性,发现它只是不工作。 经过一番玩弄,并与这个可爱的网站后试验
http://barrow.io/lab/media-query-viewport/
我发现,我的火狐我的机器上支持的最小最小宽度(这是一个XP盒)被615px。 为什么? 我试图与媒体查询玩,这样我可以做一个网站,在许多设备上,以及桌面效果很好。 这包括480首320个像素宽的设备。 与Firefox不是让我来测试较小的宽度这将严重影响我的发展。
对此有其他任何一个变通的不是尝试不同的浏览器?
谢谢。
编辑:现在,我的Firefox已经通过一些升级了(现在V22),这是不是不再是一个问题。 我很高兴得到了修复。
由于这样的: http://support.mozilla.org/en-US/questions/772847#answer-125895 ,Firefox支持不超过480宽度,所以如果你想测试320像素,您必须使用不同的浏览器。 我想指出的是,如果你想在网站上测试的智能手机,你应该用智能手机浏览器上的智能手机硬件......不仅仅是桌面浏览器设置为非常小的决议,这是它听起来像你试图做。
有一个简单的解决方法:在你需要的宽度的iframe中加载网站。
哦,至于为什么,你观察到的行为是由于一定的宽度出于某种原因下的Firefox用户界面而不是缩小了。 常因扩展与UI搞混。
下面是简单的解决方案
从这里安装插件chromEditPlus http://webdesigns.ms11.net/chromeditp.html
然后,转到工具 - > ChromEdit加锁存> 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;
}
因此,解决了本作的问题你的窗户minimun至200像素
谢谢
使用Web开发工具栏扩展,你可以通过选择调整大小看到一个选择常见的屏幕尺寸>查看响应布局