CSS：背景未顯示 iPhone 或 iPad 但適用於 iMac (Safari)

Question

我有一個全寬英雄背景，它在我們測試的每個瀏覽器上都能正常工作，iPhone 上的 Safari 和 iPad 除外。它在 iMac Safari 上工作。在 iPhone 和 iPad 上它沒有出現。 這是代碼：

.hero {
    margin: 0;
    padding: 0;
    height: 600px;
    background-image: url('../images/heroFullScreen.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

您可以在此處查看該站點： https://sanitonplastic.ca如果您有其中一台設備，則可以重現問題。

真的希望有人能幫忙，我們應該明天去直播。

謝謝！

Answer 1

martinho 和 A Haworth 是正確的。 我為移動視圖使用了媒體查詢並設置了background-attachment: scroll這解決了問題，雖然丟失了視差。