Google chrome devtools 检查元素时，Chrome开发工具会缩小屏幕

我正在创建一个开发网站，以最终替换现有的网站，每次我检查一个元素时，页面主体会缩小到页面左半部分的三分之一。它也随机发生在滑块上，图像有时只显示在页面的一半上。如果我刷新页面，它会更正它，直到我再次检查一个元素。这使得它不可能在这个网站上工作，我已经禁用了主题，去了一个股票主题，以及一个接一个的禁用插件，试图找出是什么导致了这个问题，我还没有确定什么可能导致这个问题。我怎样才能修好它

---

如果您使用的是chrome开发工具（假设开发工具窗口与chrome分开打开，而不是在同一窗口中），我猜您的设备工具栏可能会被切换

单击此按钮可将其关闭，因为它用于在不同的屏幕大小上测试您的站点，并且在您检查某些内容时可能会缩小屏幕

---

如果您使用的是chrome开发工具（假设开发工具窗口与chrome分开打开，而不是在同一窗口中），我猜您的设备工具栏可能会被切换

单击此按钮可将其关闭，因为它用于在不同的屏幕大小上测试您的站点，并且在您检查某些内容时可能会缩小屏幕

---

您可能有自己的开发工具模拟器，它可以帮助您以不同的设备大小模拟网页。尝试通过单击模拟器来关闭它。

---

您可能有自己的开发工具模拟器，它可以帮助您以不同的设备大小模拟网页。尝试通过单击模拟器来关闭它。

---

---

也许您可以添加一个屏幕截图。它可能是代码中的css内容，也可能是移动视图中的一个。如果您将开发工具卸载到另一个窗口，它会这样做吗？它不允许我上传屏幕截图，但如果您访问dev.resolvly.com并检查某个元素，您将看到我的意思，也许您可以包含一个屏幕截图。它可能是代码中的css内容，也可能是移动视图中的一个。如果您将开发工具卸载到另一个窗口，它会这样做吗？它不允许我上传屏幕截图，但如果您转到dev.resolvly.com并检查某个元素，您将看到我的意思，而不是模拟器。页面的页眉保持全宽，只是页面主体缩小到屏幕的三分之一感谢链接。快速扫描站点看起来在调整窗口大小时可能会出现一些影响样式的逻辑。尝试检查javascript文件。它不是模拟器。页面的页眉保持全宽，只是页面主体缩小到屏幕的三分之一感谢链接。快速扫描站点看起来在调整窗口大小时可能会出现一些影响样式的逻辑。尝试检查javascript文件。不，它不是模拟器，因为它不是收缩整个页面，而是收缩页面的主体。标题仍然是全屏的。通过您在上面的评论中提供的链接，无需打开开发工具即可复制该问题。检查员与此无关。如果将窗口调整为某些点，它将收缩主体。给出

.grve内容{width:100%}

为我解决了这个问题（；我试过了，但它仍然在某些大小上做着相同的事情，每次我检查它时也是如此。我只是删除了所有自定义CSS，看看它是否覆盖了某些内容，并且仍然存在相同的问题。我不确定还有什么可能导致此问题。谢谢。你的评论让我走上了正确的轨道，我想我已经解决了通过添加#grve内容{宽度：100%}不，它不是模拟器，因为它没有缩小整个页面，它只是缩小了页面的主体。标题仍然是全屏的。通过您在上面评论中提供的链接，可以在不打开开发工具的情况下复制该问题。检查器与此无关。如果您将窗口调整到特定位置，它将缩小主体。为我提供

.grve content{width:100%}

解决了这个问题（；我试过了，但它仍然在某些大小上做着相同的事情，每次我检查它时也是如此。我只是删除了所有自定义CSS，看看它是否覆盖了某些内容，并且仍然存在相同的问题。我不确定还有什么可能导致此问题。谢谢。你的评论让我走上了正确的轨道，我想我已经解决了通过添加#grve内容{宽度：100%}