网页没有调整大小 - 代码没有限制

我在这支笔上做了很多事情，并且在某些时候我意识到我无法在低于某个px值的情况下水平调整此页面的大小。我认为我没有明确设定这样的事情。为什么会发生？通常情况下，如何设置一个最大宽度是网页没有调整大小 - 代码没有限制

.x { 
    min-width: 150px; 
}

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

来源

2017-03-02 vc669

我尝试调整它的大小，它调整了我的大小，即使是最小的浏览器可以提供。 – Swellar

你使用什么浏览器？其他浏览器的行为有何不同？ –

打开多个选项卡后，可以使浏览器在某个宽度上受到限制，以便以可读的方式显示打开的选项卡。在单个窗口（选项卡）中尝试显示相同的页面 –

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

使用预定义的分辨率或使用您可以创建的自定义分辨率。希望能帮助到你。

来源

2017-03-02 13:18:28

互联网浏览器都有一个最小宽度，在这个宽度下它们不能调整大小。你可以在这里阅读更多关于Chrome Browser doesn't scale below 400px?和其他浏览器也有限制。这有帮助吗？

来源

2017-03-02 11:11:29

但是，您可以通过打开开发工具来避开400px问题，将其停靠在右侧，然后将视图和开发工具之间的分隔符移至左侧。这可以让你下降到147px。与此相关。 – NotJustin

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

来源

2017-03-02 11:19:51 Plenarto

网页没有调整大小 - 代码没有限制

回答

相关问题