使用CSS 檢測iPhone/iPad:綜合指南
僅透過CSS 確定用戶的設備類型對開發人員來說是一個常見的挑戰。儘管存在多種解決方案,但一種流行的方法涉及使用媒體查詢。然而,正如最近在程式設計論壇上的一個問題中所強調的,使用@media手持設備、僅螢幕和(max-device-width: 480px) {可能不會產生預期的結果。
成功的關鍵使用 CSS 偵測 iPhone 或 iPad 的關鍵在於利用適當的媒體查詢。以下範例提供了詳細的細分:
iPhone 和iPod touch:
iPhone 4 和iPod touch 4G:
iPad:
這些媒體查詢根據螢幕尺寸和像素比有效地定位特定設備範圍。透過將這些行合併到樣式表中,您可以動態套用自訂樣式來增強 iPhone、iPad 和 iPod touch 裝置的使用者體驗。
以上是如何使用 CSS 媒體查詢準確地偵測 iPhone 和 iPad?的詳細內容。更多資訊請關注PHP中文網其他相關文章!