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中文網其他相關文章！
