chrome dev-tools 中的元素尺寸与 css 中设置的元素尺寸不同答案

【问题标题】：element dimensions differ in chrome dev-tools from those set in csschrome dev-tools 中的元素尺寸与 css 中设置的元素尺寸不同
【发布时间】：2019-03-25 08:47:44
【问题描述】：

当我在我的 css 文件中设置 200 像素的 div 宽度和 200 像素的高度时，chrome dev-tools 显示这些尺寸的尺子要小得多（大约 150 像素 x 150 像素）。 div set width: 200px; height: 200px;

我也设置了：

&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;

什么是，我不明白？

【问题讨论】：

标签： css google-chrome-devtools height width dimensions

【解决方案1】：

我明白了！！

也许会帮助某人。很容易。这似乎是 chrome 开发工具中的一个错误。只需在您选择的屏幕设备中打开/关闭开发工具，css 文件中设置的尺寸就会正确显示。

【讨论】：