Chrome 在屏幕调整大小时不显示屏幕宽度？

Question

这个问题可能很简单。通常，当我们检查一个元素并重新调整浏览器大小时，浏览器会自动显示屏幕的宽度。目前我正在使用

chrome

，但当我检查任何元素时，它不会显示屏幕的宽度高度。我正在制作一个响应式网站，但是我的浏览器没有显示任何屏幕尺寸，所以我遇到了麻烦。我搜索它，但没有找到任何结果。我也通过设置做了

restores default and reload

，但没有效果。任何帮助将不胜感激

Answer 1

刚刚更新到 Chrome 49 并了解到确实存在导致此问题的错误。

Answer 2

Chrome 在右上角显示分辨率，但您需要打开 Web 开发者工具（鼠标右键 -> 检查元素）。

您还可以使用 chrome 切换设备模式。

Answer 3

您可以使用这个基于 javascript 的示例，它会告诉您窗口的当前宽度：

var onresize = function() 
{
  var width = window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;
  console.log(width);
}

按 f12，然后按 Esc 查看控制台。

Answer 4

这很奇怪。我会先确保您使用的是最新版本。如果这不能解决问题，您可以尝试使用设备模式进行响应式测试https://developers.google.com/web/tools/chrome-devtools/iterate/device-mode/

Answer 5

您需要打开开发工具才能在调整大小时查看大小值。我以为 Chrome 去掉了这个功能，但没有意识到除非你打开开发工具，否则它不会显示。