网页没有调整大小 - 代码中没有约束

Question

我在这支笔上做了很多事情，在某些时候我意识到我无法在某个px值以下水平调整此页面的大小。我认为我没有明确地设置这样的东西。为什么会这样？ 通常，设置最大宽度的方法是

.x {
    min-width: 150px;
}

我实际上没有做过这样的事情。 https://codepen.io/that_is_just_wrong/pen/pegRQz

Answer 1

正如@Dinca Adrian所注意到的，浏览器的最小宽度取决于打开标签的数量。尝试关闭其中一些或在新窗口中打开您的网站并检查它是否有帮助。

Answer 2

作为评论中的状态，浏览器窗口中的标签数量会影响窗口的最小宽度。浏览器将为每个选项卡保留最小宽度，以便可以单击并将其视为存在。解决方案是尝试使用一个窗口测试您的网站，并将您的网站作为唯一的标签，或者如果您使用Chrome，请检查该页面，切换到移动视图（Ctrl + Shift + M），您就可以拥有自己的“可调整大小”窗口。 Firefox也是如此（直接从页面按Ctrl + Shift + M）。

使用预定义的分辨率或使用您可以创建的自定义分辨率。希望它有所帮助。

Answer 3

互联网浏览器都有一个最小宽度，在这个宽度下无法调整大小。您可以在此处详细了解Chrome Browser doesn't scale below 400px?，其他浏览器也有限制。这有帮助吗？