如何使用 CSS 偵測 iPhone 和 iPad？

使用CSS 進行設備檢測

為了優化不同設備上的用戶體驗，開發人員經常尋求檢測設備訪問類型的方法他們的網頁。一種方法是利用 CSS 來區分裝置。

挑戰：偵測 iPhone 和 iPad

一個常見的需求是僅透過 CSS 偵測 iPhone 和 iPad。已提出的一種方法是採用 @media 手持裝置、僅螢幕和（最大裝置寬度：480px）媒體查詢。不過，這種方法可能會遇到限制。

解決方案

幸運的是，有一些改進的方法可以使用CSS 來檢測iPhone 和iPad：

• iPhone 和iPod touch：
  

  <link rel="stylesheet" media="僅螢幕和(max-device-width: 480px)" href="../iphone.css" type=" text/css">

  登入後複製
• iPhone 4 和iPod touch 4G：
  

  登入後複製
  > ;
• iPad：
  

  <link rel="stylesheet" media="僅螢幕和(max-device-width: 1024px)" href="../ipad.css" type="text/css">

  登入後複製

這些CSS 媒體查詢有效地針對每個特定設備，使開發人員能夠相應地定制樣式表，增強不同螢幕尺寸上的用戶體驗。

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