浏览器不能缩放到400像素以下?

我正在制定一个液体样式表,它的工作很棒。 我注意到的一件事是,Chrome中的浏览器窗口不会调整到400像素以下,它只会在那里停留,而在FF中缩小时,它会停在400px左右,然后弹出一个水平滚动条。

当我在手机上打开网站时,它看起来完美,大约320px,所以我知道它的缩放比例低于400px。

我很好奇,如果有人知道这是一个浏览器/桌面的事情,或者如果我应该看看比我的CSS以外的东西。 我没有任何最小宽度声明,所以我不确定可能会导致这种情况。

再次在桌面上,它缩小到约400px的最小宽度并停止,但是当我在手机上打开它时,它会缩放到大约320px的手机屏幕的大小......好奇它为什么至少赢了在桌面上缩小到320像素。

-edit-另外我不确定这是否重要,但Opera允许它减小到几乎没有......所以它适用于Opera,而不是Chrome或FF ......任何想法?


Chrome无法在400px(OS X)或218px(Windows)下水平调整大小,但我有一个非常简单的问题解决方案:

  • 将Web检查器停靠在右侧而不是底部
  • 调整检查器面板的大小 - 现在可以使浏览器区域变得非常小(降至0px)
  • 更新: Chrome现在允许您在停靠在右侧时垂直排列巡视窗口! 这确实改善了布局。

    垂直面板布局设置

    HTML和CSS面板非常适合,甚至还可以打开一个小型控制台面板。 这使我完全从Firefox / Firebug转移到Chrome。

    检测员停靠在右侧,并采用垂直面板布局

    如果您想进一步查看Web检查器设置 (齿轮图标,右下角),并转到用户代理选项卡。 您可以将屏幕分辨率设置为您喜欢的任何内容,甚至可以在纵向和横向之间快速切换。

    设备分辨率设置

    更新 :这是我遇到的另一个非常酷的工具。 http://lab.maltewassermann.com/viewport-resizer/


    这可能是因为你在浏览器上安装的插件。 从工具栏中删除或隐藏所有插件图标并尝试重新调整大小。 当有插件浏览器时,只需调整地址栏大小并保持插件可见。

    更新:7/14/2013


    使用最新的Chrome版本,现在您可以重新调整地址栏的大小,并且会自动隐藏插件。


    我被困住了,但最终得到了一个简单的解决方案。 我刚创建一个带有链接的HTML文件来打开一个新窗口:

    <a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>
    

    这个新窗口没有任何东西,只有地址栏和Chrome浏览器让我可以自由调整大小到111x80。

    链接地址: http://www.djcxy.com/p/87515.html

    上一篇: Browser doesn't scale below 400px?

    下一篇: WPF font scaling