使用 Google Chrome Web Inspector 更改页面布局

Question

我现在在 Google Chrome 中使用 display: inline-block 时一直看到这种情况。如果我右键单击并“检查元素”，它将更改页面的布局或该元素的宽度。就好像它只是通过检查它们来改变元素属性。调试令人沮丧，因为我目前正在使用内联块元素渲染错误，但是，当然，我无法检查它们并调整它们的属性，因为如果它们被检查，它们会神奇地“修复”自己。

有人遇到过这种情况或知道解决方法吗？在网络上找不到任何描述此内容的内容。

Answer 1

我在https://bugs.webkit.org/show_bug.cgi?id=84666 中添加了对这个问题的引用，它报告了一个类似的问题。请提供在 WebKit 错误中或至少在此处重现问题的最小可能示例。