浏览器不能缩放到400px以下？
我正在制作一个流畅的样式表，它工作得很棒。我注意到的一件事是，我在Chrome中的浏览器窗口不能调整到400px以下，它只是停留在那里，而在FF中，当我缩小它时，它只是停在400px左右，然后弹出一个水平滚动条。
当我在手机上打开这个网站时，它在320px左右看起来很完美，所以我知道它的尺寸确实低于400px。
我很好奇是否有人知道这是一个浏览器/桌面的东西，或者我应该看一些不同于我的CSS的东西。我没有任何最小宽度声明，所以我不确定是什么导致了这种情况。
同样在桌面上，它会缩小到大约400px的最小宽度并停止，但当我在手机上打开它时，它会缩放到手机屏幕的大小，大约是320px……奇怪的是，为什么它至少不能缩小到桌面上的320px。
-编辑-我也不确定这是否重要，但Opera允许它缩小到几乎没有任何东西…所以它适用于Opera，而不是Chrome或FF。有什么想法吗？
回答 13
Stack Overflow用户
发布于 2012-06-06 09:31:52
我也被难住了，但最终得到了一个简单的解决方案。我刚刚创建了一个HTML文件，其中包含一个打开新窗口的链接：
<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>这个新窗口除了地址栏之外什么都没有，Chrome允许我自由地将其调整到111x80。
Stack Overflow用户
发布于 2012-07-03 23:00:35
Nayan9的解决方案效果很好，可以放入书签，而无需创建html文件。在Chrome中，创建一个带有URL的新书签：
javascript:(function(){window.open('ANY_URL', '','width=320,height=480');})();并将其命名为"Open Small Window“或类似的名称。这将允许您轻松地打开窗口，没有大小限制的chrome。注意，仅仅复制到你的地址栏是行不通的-- chrome去掉了"javascript:“。
Stack Overflow用户
发布于 2014-09-02 22:21:46
如果您想要减小屏幕宽度以模拟不同的设备(否则您为什么要这样做？)：
Chrome现在在其检查器中有一个仿真部分，通过单击顶部菜单栏(在放大镜和元素之间)中的小手机图标来激活：
仿真模式允许您将视口大小设置为所有常见的移动屏幕大小，以及其他一些不错的功能，如模拟触摸、地理定位，甚至加速度计输入：
https://stackoverflow.com/questions/8681903
复制相似问题
腾讯云开发者
