html - 谷歌浏览器不再正确显示我的网页？为什么？

Question

调试工具最近更新了，它不再正确显示我的网页的尺寸。

由于某种原因，它现在无法正确显示响应式设计的网页。

我已经摆弄了多种选择，但似乎没有任何解决办法。我可以看到特定 div 的宽度为 300px，但 Chrome Debug 会“缩放”或类似的东西，以使 div 在我减小窗口宽度时变得超级小。

我发现这特别烦人，因为我无法验证我的响应式网页设计作为视觉检查是否正常工作。

我现在必须查看计算出的 CSS 值，在这种情况下，宽度正确为 300 像素，但当我像以前一样查看时，我无法分辨这一点。

有没有办法恢复到旧的开发人员工具？

在下图中，它显示了与视口宽度匹配的 div，这是错误的，不正确的。

在图像中，您可以清楚地看到视口为 200 像素，显示的潜水为 300 像素（计算得出）。

然而 div 似乎与视口的宽度相同，因为 Chrome 没有正确显示它。

在图像中，您可以清楚地看到视口为 205 像素，显示的 div 为 300 像素（计算得出）。

然而 div 似乎与视口的宽度相同，因为 Chrome 没有正确显示它。

标签： htmlcssgoogle-chromedebugging