浏览器不能缩放到400像素以下？
我正在制定一个液体样式表，它的工作很棒。 有一件事我注意到，Chrome中的浏览器窗口不会调整到400像素以下，它只是在那里停留，而在FF中，我缩小它只停在400px左右，然后popup一个水平滚动条。
当我在手机上打开网站时，它看起来非常完美，大约在320px，所以我知道它的缩放比例低于400px。
我很好奇，如果有人知道这是一个浏览器/桌面的事情，或者如果我应该看看比我的CSS以外的东西。 我没有任何最小宽度的声明，所以我不知道是什么原因造成的。
再次在桌面上它缩小到约400px的最小宽度，并停下来，但是当我打开它在我的手机上，它缩放到手机屏幕的大小约为320px …好奇为什么至less它赢了在桌面上缩小到320像素。
– 编辑 – 另外我不知道这是否重要，但Opera允许它减小到几乎没有…所以它适用于Opera，而不是铬或FF …任何想法？
Chrome浏览器无法在400px（OS X）或218px（Windows）下水平resize，但是我有一个非常简单的问题解决scheme：
- 将Web检查器停靠在右侧而不是底部
- 调整检查器面板的大小 – 现在可以使浏览器区域变小（降至0px）
更新： Chrome现在允许您在停靠在右侧时垂直排列巡视窗口！ 这真的改善了布局。
HTML和CSS面板非常适合，甚至还可以打开一个小型控制台面板。 这使我完全从Firefox / Firebug转移到Chrome。
如果您想进一步查看Web检查器设置 （齿轮图标，右下angular），并转到用户代理选项卡。 您可以将屏幕分辨率设置为您喜欢的任何内容，甚至可以在纵向和横向之间快速切换。
更新 ：这是另一个非常酷的工具，我遇到过。 http://lab.maltewassermann.com/viewport-resizer/
这可能是因为你在浏览器上安装的插件。 删除或隐藏工具栏上的所有插件图标，然后尝试重新resize。 当有插件浏览器只调整地址栏的大小，并保持可见的插件。
更新：7/14/2013
使用最新的chrome版本，现在您可以重新调整地址栏的大小，并且会自动隐藏插件。
我被困住了，但结束了一个简单的解决scheme。 我刚创build一个带有链接的HTML文件来打开一个新窗口：
<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a> 这个新窗口没有任何东西，但地址栏和Chrome让我自由调整这个下降到111×80。
nayan9的解决scheme效果很好，可以放入书签而不必创buildhtml文件。 在Chrome中，通过以下url创build新的书签：
javascript:(function(){window.open('ANY_URL', '','width=320,height=480');})();
并给它一个“打开小窗口”或类似的名称。 这将允许您轻松打开窗口，而不受铬内的大小限制。 请注意，只是将其复制到您的地址栏中将不起作用 – chrome将“javascript：”去除。
如果你想减less你的屏幕宽度来模拟不同的设备（以及为什么你要这样做？）：
Chrome浏览器中现在有一个仿真部分，通过点击顶部菜单栏中的小电话图标（放大镜和元素之间）激活：
仿真模式允许您将视口大小设置为所有常见的移动屏幕大小，以及其他不错的function，如仿真触摸，地理位置甚至加速计input：
添加到nayan9和drinkdecaf所说的内容中，您可以将document.URL引入到window.open的调用中，以便在320窗口中查看当前正在查看的页面。 如果您期望滚动条，您可能需要添加更多的宽度。
javascript:(function(){window.open(document.URL, '','width=320,height=480');})();
在铬右上angular插件的图标导致问题
– >将地址栏（在其中键入地址）的大小调整为最大宽度（将右边的条拖动到右边）
或禁用图标
我很懒，为了使它更容易，让小书签询问用户的尺寸：-D
javascript: (function() {var width = prompt('Enter window width:', '320');var height = prompt('Enter window height:','480');var url = prompt('Enter window URL');if (url.indexOf(':') < 0) {url = 'http://'+url;} window.open(url, '','width='+width+',height='+height);})()
另一个简单的解决scheme是点击Strg + Shift + N进入隐身模式。 在那里你可以调整你的浏览器窗口，只要你喜欢。
我喜欢这个工具，因为它可以让你快速切换，也可以轻松地在手机尺寸的纵向/横向之间切换。 它还允许您制作个性化书签，所以如果您经常devise难辨的分辨率，您可以保存并使用它们。
我不得不使用这些工具之一，因为即使有上述答案，我也无法让我的窗口正确缩放到320，这个工具似乎是一个更快的解决scheme。
我总是遇到与固定标签的这个问题。 Chrome浏览器不会在八个可见固定标签的水平宽度下方进行缩放，如果有的话！ 只要分离您想要resize的选项卡来解决这个问题…
许多智能手机使用缩放来缩放页面以适合其屏幕尺寸。 您的最小页面宽度可能是400px。 没有任何示例代码，我想这就是所有可以说的。
