我知道這個問題很奇怪，但我第一次遇到這個問題，需要你的指導。問題是，在本地環境以及部署版本中，影像和按鈕看起來不錯，但僅適用于 android 和 PC。它看起來像這樣：
但在 iPhone 上看起來像這樣：
因此導航欄的回應能力以及影像的解析度在 iPhone 上越來越低，但在 android 和 PC 上還可以。該應用程式是一個反應應用程式，這是它的鏈接
https://guileless-dango-ae93bb.netlify.app/
請指導我如何解決這個問題？
已編輯：問題已解決，我修復了背景影像和導航欄位置。基本上我必須將 svg 寬度設定為 auto 并且我必須洗掉 safari 瀏覽器上的背景固定位置
uj5u.com熱心網友回復：
我認為可能有不同的解決方案。一種是將整個標題宣告為一個彈性框，并將按鈕設定為右側margin-left: auto;。您也可以只關心具有特定 CSS 規則的 iPhone 的 CSS，例如：
@supports (-webkit-touch-callout: none) {
/* CSS specific to iOS devices */
}
@supports not (-webkit-touch-callout: none) {
/* CSS for other than iOS devices */
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/481918.html