如何修復移動 Safari 上的背景大小：封面問題？

CSS 背景大小：移動Safari 的封面替換

移動Safari 關於CSS 屬性背景大小的意外行為：封面已提示需要替代解決方案。此問題表現為影像無法完全覆蓋 iOS 裝置上各自的 div。

解決方案：

要解決此問題，需要覆蓋預設的背景附件：行動裝置上的固定屬性。透過設定背景附件在針對 iPhone 的媒體查詢中滾動，背景圖像將重新獲得其所需的行為：

.section {
  background-size: cover;
  background-attachment: scroll; /* Override fixed attachment */
}

@media (max-width: @iphone-screen) {
  .section {
    background-attachment: scroll;
  }
}

注意：變數 @iphone-screen 應該是預先定義的。

透過實作此解決方案，背景影像將無縫覆蓋整個 div，無論其內容的寬度或高度如何。 background-size: cover 屬性現在按預期運行，在 Mobile Safari 上提供一致且具有視覺吸引力的體驗。

以上是如何修復移動 Safari 上的背景大小：封面問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！