如何使用 CSS 偵測 iPhone 和 iPad 裝置？

使用CSS 檢測iPhone/iPad：故障排除和解決方案

最初的問題旨在僅透過CSS 樣式檢測iPhone 和iPad 設備。使用「@media手持設備，僅螢幕和（最大設備寬度：480px）」實施解決方案的初步嘗試被證明是不成功的。

解決方案：

要有效偵測 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" />

透過將這些媒體查詢合併到樣式表中，您可以確保基於以下內容應用特定的CSS 樣式偵測到的裝置類型。這種方法提供了更大的靈活性，並允許您根據不同的 iOS 裝置自訂網站或應用程式的外觀。

以上是如何使用 CSS 偵測 iPhone 和 iPad 裝置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！