如何偵測使用者是否僅使用 CSS 從 iPhone 或 iPad 造訪我的網站？

透過 CSS 偵測 iPhone/iPad

辨識使用者是否僅透過 CSS 從 iPhone 或 iPad 造訪網站可能很有價值設計考量。雖然早期使用@media手持裝置的方法可能無法有效運作，但有替代解決方案可以實現此檢測。

用於設備檢測的CSS技術

要準確區分iPhone， iPad 和其他設備，可以使用以下CSS 媒體查詢：

• iPhone和iPod touch：

  link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="../iphone.css" type="text/css" /

  登入後複製

• iPhone 4 和 iPod touch 4G:

  link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" /

  登入後複製

• iPad:

  link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /

  登入後複製

透過將這些媒體查詢合併到🎜>透過這些媒體查詢您的樣式表，您可以套用特定於裝置的樣式來增強iPhone 和iPad 使用者的使用者體驗。

以上是如何偵測使用者是否僅使用 CSS 從 iPhone 或 iPad 造訪我的網站？的詳細內容。更多資訊請關注PHP中文網其他相關文章！