奇怪的Chrome图片行为：

以下网站最初是在Chrome中开发的。所以我相信它过去像预期的那样出现。我不知道什么时候，也许在更新铬之后，标题图像似乎因无法理解而被切断。奇怪的Chrome图片行为：

Firefox的截图（正确）：

Chrome的截图：

尝试并将此添加到CSS'* {border：1px solid red; }'你可能会发现是什么导致了间距。 –

为什么你不把图像作为背景添加到你的div'header-v2'或'container'类。这是更合理的，它的工作原理，我试过 – Chris

确实@Chris我曾经想过背景img，但我不能让它适应响应式设计的好比例 –

变化.header-v2的位置absolute并添加width: 100%;。

虽然你告诉.header-v2保持0px高，其内容没有占用空间。这是因为.header-v2的位置是relative。但是，位置为absolute的元素将永远不会占用任何空间。因此，所有剩下的工作就是告诉元素采用整个页面的宽度，然后就完成了！

2015-10-16 14:01:59

看似完美！你能向我解释这种行为的原因吗？（我会在接受之前测试它几分钟） –

谢谢你的时间。真奇怪的是，在几个月之前，Chrome浏览器很好，而且它仍然在Firefox中！（虽然它似乎存在CSS问题） –

这不是你的CSS，它可能只是Chrome中的一个错误。我想这个问题迟早会被解决的 –

回答