css - chrome 开发工具中的元素尺寸与 css 中设置的元素尺寸不同

Question

当我在我的 css 文件中设置 200px 的 div-width 和 200px 的高度时，chrome dev-tools 显示这些关于标尺的尺寸要小得多(大约 150px x 150px)。 div set width: 200px; height: 200px;

我还设置了:

<meta name="viewport" content="width=device-width, initial-scale=1">

什么是，我不明白？

Answer 1

我知道了!!

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