Chrome在刷新后更改样式,并在我右键单击以检查它时进行更正

Question

至少根据我的经验,这是一个非常奇怪的错误.

我已经制作了该网站的测试版本,因此您可以在这里看到它.

重现步骤:

进入该网站,哟看到#thelist它应该正常:

当你做一个简单的刷新时我会在Windows机器上这么Ctrl+ R或者F5.

现在#thelist将改变它的立场:

修复这个问题的主要问题是,当我尝试检查元素时,它会回到正确的位置......

另请注意,如果您执行硬刷新Ctrl+ Shift+ R或Ctrl+,F5则元素将返回到正确的位置.

这怎么可能,是什么导致了这个？怎么解决？

Answer 1

在 上#imgSlot，设置 HTML 中的尺寸：

<img id="imgSlot" src="img/slot.png" width="322" height="147">

并且问题不再发生。

您的原始代码： http: //jsbin.com/efejay

尺寸： http: //jsbin.com/efejay/2

这显然是一个 WebKit 错误。我认为这与缓存的图像有关。我过去见过类似的事情，但通常涉及 JavaScript。例如：jQuery height() 返回错误值