如何使用 CSS 媒體查詢專門針對 iOS 裝置？

使用CSS 媒體查詢定位iOS 設備

要使用媒體查詢專門定位iOS 設備，請考慮以下程式碼：

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
}

此技術利用了-webkit-touch-callout 屬性，該屬性僅在Safari Mobile上實現iOS。此生態係以外的設備將忽略這些規則。

但是，請務必注意，使用 @supports 不會造成與 IE 的潛在相容性問題，因為它會跳過這兩個規則集。此外，iOS 可能會在未來版本中停止對此機制的支援。

作為替代方案，請考慮探索「iOS 上的 Safari」下的「支援的 CSS 屬性」中列出的其他選項，以實現跨瀏覽器相容性。

以上是如何使用 CSS 媒體查詢專門針對 iOS 裝置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！