Javascript Chrome开发工具，谁在设置高度/宽度？

当我需要找到谁负责设置元素属性值时，我发现自己无能为力。指出问题通常需要一段时间

如果你来到这一页，有谁能分享最好的策略吗？看，计算的高度是“500px”，但没有人明确地设置它。是的，我最终找到了原因，但我想更有条不紊一点

---

感谢使用谷歌Chrome浏览器

• 右键单击元件并选择

  检查元件

• 展开

  Computed

  选项卡并查找有问题的样式
• 找到所需的特性，然后单击样式定义左侧的小三角形。单击时，应展开影响此元素此样式的选择器列表

---

阅读更多

• （Chrome、Safari、FF）

---

我一直想知道为什么很难找到最后一个申请者。。。通常我必须像很多次一样上下滚动，然后在反复尝试之后我就这样做了。通常我只是在以前的基础上添加新的样式，而不是费心处理其他人编写的相互关联的复杂代码。一旦css变得更像javascript，它就会变得更难。我也是：-），Muhammad。渲染引擎正在这样做，所以我认为没有快速的方法。可能可以通过编程方式检测到这一点，但我不知道有什么好工具。我不确定有没有更好的方法，然后追踪水平。我发现chrome中的开发工具对于追踪非常有用，因为你可以悬停，看看每个元素有多大，当大小跳跃时，这通常是罪魁祸首（或者是一个很好的起点）。问题是，在css中实现这一点没有确切的科学依据，特别是在使用了百分比并且javascript改变了任何DOM的情况下。这是人们转向使用预处理器语言（sass/less）的原因之一，因为它们允许使用伟大的建议。我会这样做的。谢谢你，布莱恩