为什么Chrome开发人员工具有时不显示CSS源代码？

Question

为什么Chrome开发者工具右下角有时会显示一个反对CSS源的三角形（表示 - 如果你点击它 - CSS源代码），就像我的屏幕截图中的宽度一样...... < / p>

但有时候不是......在我的屏幕截图中 height 。

换句话说，我怎么知道设置高度= 575px是什么？

Answer 1

在这种情况下，该元素没有应用于它的指定css高度。它是由浏览器根据容器div，浏览器窗口等所包含的内容的大小来计算的。

Answer 2

您在此处选择了“已计算”标签，这意味着Chrome会告诉您所有部件的计算尺寸。这意味着您看到的内容并非全部由css文件显式设置，并且可能由元素的内容派生。

如果您希望仅查看提供的CSS样式，请选择窗口顶部的“样式”选项卡。

Answer 3

我遇到了同样的问题而且我登陆了这个页面，经过一番探讨之后，我意识到因为我的css源文件已被缩小，开发工具无法检测到该行，因为显然只有一行，所以这可能也是你问题的原因。