專門針對iOS設備使用CSS Media Queries

通常需要基於特定設備特徵來量身定制用戶體驗的能力。在CSS的世界中，媒體查詢提供了一種實現此目的的強大手段，使開發人員可以定義動態適應各種因素（例如屏幕尺寸，設備寬度和操作系統）的樣式表。

一個常見的要求是僅針對具有特定CSS規則的iOS設備來定位IOS設備。 Unlike other mobile platforms, iOS devices present unique challenges, as Safari Mobile is the predominant mobile browser on iOS.

Using the -webkit-touch-callout Property

To achieve iOS-specific targeting, developers can leverage the -webkit-touch-callout property, which is supported exclusively by Safari 移動的。此屬性（設置為none）可防止用戶在觸摸設備上選擇文本。

@supports（-webkit-touch-callout：none）{ / * CSS特定於iOS設備 */ } @supports不（-webkit-touch-callout：none）{ / * iOS設備以外的其他CSS */ } `````````` 通過利用此屬性，開發人員可以創建僅適用於iOS設備的CSS規則，從而確保相應地優化了用戶體驗。 **其他注意事項** 重要的是要注意，兼容性考慮可能會發揮作用。雖然-webkit-touch-callout是一個廣泛支持的屬性，但運行舊版本的iOS或使用iOS上其他瀏覽器的設備可能不遵守這些規則。