当我打开IE开发者工具时，CSS意外地改变
我目前正在测试IE8上的一个站点（在虚拟机上运行）。
该网站在内部使用一些背景图像：之前和之后：媒体查询内的元素：
@media (min-width: 980px) {
.box:after {
...
background: url('../images/assets/home-create-background.png') bottom right no-repeat;
...
}
}
我正在使用respond.js为IE8上的媒体查询提供支持。 媒体查询中的规则在页面加载后立即应用（即：respond.js实际上正在工作）。 但是，此图像不显示。
有趣的是： 如果我打开IE Developer Tools（例如按F12），图像突然显示。
任何人都有类似的经历吗？ 你们有什么想法或方向去探索？
编辑：我终于能够解决这个问题，添加内容到：后伪元素（我已经应用此规则，但不是在媒体查询内，并出于某种原因，它不适用于IE）
.box:after {
...
background: url('../images/assets/home-create-background.png') bottom right no-repeat;
content: " ";
...
}
无论如何，我相信知道为什么当我打开开发工具时布局发生了变化，这很有趣......
IE可以识别几个痛点，因此值得检查以下内容：
console.log()语句都会强制IE在呈现开发人员工具之前不呈现任何内容。 上一篇: CSS changes unexpectedly when I open IE Developer Tools