无法将 Google Crome 的宽度缩放至低于 500px

Question

我大约 6 个月前开始编程。刚开始的时候，我能够将我的谷歌浏览器缩小到 400px 宽度。当我开始最大化更多网站时，我只能将我的网站缩小到 438px。我发现，如果我将“.css”文件放入“styles”文件夹，它就不会再让我将“index.html”文件缩小到 400px，但普通的 Chrome 网站可以缩小到 400px。现在我遇到了问题，即使没有打开任何内容，我甚至无法将我的 Chrome 缩小到 500px 以下。请帮忙，谢谢。

Answer 1

您可以通过简单地从下到右更改 chrome 的检查器来调整 chrome 的大小。

为此，打开您的 chrome 检查器，您就会看到有一个选项可以将 chrome 的 Dock 侧更改为右侧。

现在，将 Dock 侧更改为右侧后，你可以将 chrome 的宽度调整到 400px 以下

Answer 2

另一个选择是使用 Chrome DevTools 中的设备模式

1. 点击“切换设备工具栏”
2. 选择响应选项
3. 使用鼠标移动滑块。

Answer 3

如果您想在特定窗口大小下测试您的网站，请打开开发人员工具并启用设备模式。（它是开发者工具顶部左起第二个图标；看起来像两个正方形。）在设备模式下，您可以单独更改视口的大小，而不更改浏览器窗口的大小。