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

【问题标题】：Chrome does not showing width of screen as screen resize?Chrome 在屏幕调整大小时不显示屏幕宽度？
【发布时间】：2016-05-21 07:44:30
【问题描述】：

这个问题可能很简单。通常当我们检查一个元素并重新调整浏览器的大小时，浏览器会自动显示屏幕的宽度。目前我正在使用chrome，但是当我检查任何元素时，它不会显示屏幕的宽度高度。我正在制作一个响应式网站但是我的浏览器没有显示任何屏幕尺寸，所以我遇到了麻烦。我正在寻找它，但我没有找到任何结果。我也从设置中做了restores default and reload，但它没有效果。任何帮助将不胜感激

【问题讨论】：

@Ted 我正在使用最新版本Version 50.0.2638.0 dev-m (64-bit)
我有同样的问题，没有解决办法。我看到你使用 dev-m 频道。我使用的是 beta 通道（目前是 Chrome 版本 49），所以这可能是一个即将出现的问题。我通过 chrome://help/ 提交了错误报告

标签： html css google-chrome browser

【解决方案1】：

刚刚更新到 Chrome 49 和 learned 确实有 a bug causing this issue。

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：