我正在编写一个液态样式表，它的效果很好。但有一件事情让我注意到，在Chrome浏览器下，我的浏览器窗口无法调整至小于400px，而在Firefox中，当我缩小到大约400px时，它就停止缩小并弹出一个水平滚动条。
当我在手机上打开网站时，它在大约320px左右看起来非常完美，所以我知道它确实可以缩放至低于400px。
我想知道这是浏览器/桌面问题还是我应该查看除了CSS之外的东西。我没有任何min-width声明，所以我不确定是什么原因导致这种情况。
再次强调，在桌面上，它会缩小至大约400px，然后停止，但当我在手机上打开它时，它会缩放至手机屏幕大小，大约320px... 我很好奇为什么它至少不能在桌面上缩小至320px。
-编辑-
另外，我不确定这是否重要，但Opera允许它缩小至几乎没有... 所以它能在Opera中工作，在Chrome或Firefox中不行... 有什么想法吗？
Chrome无法在水平方向上缩小到400像素以下（OS X）或218像素以下（Windows），但我有一个非常简单的解决方法：
更新： Chrome现在允许您在停靠到右侧时垂直排列检查器窗口！这真的改善了布局。
HTML和CSS面板非常适合，您甚至可以打开一个小型控制台面板。这使我完全从Firefox / Firebug转移到Chrome。
如果您想进一步，请查看 Web Inspector设置（齿轮图标，右下角），然后转到用户代理选项卡。您可以在此处将屏幕分辨率设置为所需值，甚至可以快速切换纵向和横向。
更新： 这是我发现的另一个真正酷的工具。 http://lab.maltewassermann.com/viewport-resizer/
可能是由于您在浏览器中安装的插件造成的。请从工具栏中删除或隐藏所有插件图标，然后尝试重新调整大小。当存在插件时，浏览器只会调整地址栏并保持插件可见。
更新: 2013年7月14日
使用最新版本的Chrome，现在您可以重新调整地址栏大小，它将自动隐藏插件。
我也曾经遇到同样的问题，但最终找到了一个简单的解决方案。我只是创建了一个包含打开新窗口链接的HTML文件：
<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>
这个新窗口只有地址栏，而且Chrome让我自由调整它的大小到111x80。
nayan9的解决方案非常好用，而且可以将其保存为书签而无需创建HTML文件。在Chrome中，创建一个带有以下URL的新书签：
javascript:(function(){window.open('ANY_URL', '','width=320,height=480');})();
给它一个名字，比如“打开小窗口”之类的。这将使你可以在Chrome内轻松打开没有大小限制的窗口。请注意，仅仅复制这个到地址栏是行不通的- Chrome会去掉“javascript:”。
如果您想缩小屏幕宽度以模拟不同的设备（为什么还要这样做呢？）：
现在，Chrome浏览器的检查器中有一个仿真部分，通过点击顶部菜单栏中的小手机图标（在放大镜和元素之间）来激活：
仿真模式允许您将视口大小设置为所有常见的移动屏幕大小，还有其他好用的功能，例如模拟触摸、地理位置和加速度计输入：
除了nayan9和drinkdecaf所说的，你可以将document.URL放入window.open的调用中，以在320窗口中查看当前正在查看的页面。如果你希望看到滚动条，可能需要增加一些宽度。
javascript:(function(){window.open(document.URL, '','width=320,height=480');})();
我很懒，为了让它更简单，让书签工具请求用户输入尺寸 :-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);})()
然后，您可以模拟任何移动设备或视口大小。