奇怪的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中的一個錯誤。我想這個問題遲早會被解決的 –

回答