如何檢測 iPad Mini？

Question

我有一個網站在寬度小於 1000 時轉到移動設備。問題是，當 iPad Mini 水平時，它的寬度為 1024 - 與 iPad 相同。 iPad 能夠運行我編程的特定時間線，但 Mini 不能——它崩潰了。 我想檢測用戶何時擁有 Mini 並在這種情況下強制網站使用其移動版本。

我查看了這個 stackoverflow 條目： Detect iPad Mini in HTML5但它實際上沒有任何代碼來檢測 mini，盡管我喜歡這個建議的 hack：

function isIPadMini( var timeToReachTerminalVelocity )
{
    return (timeToReachTerminalVelocity > IPAD_MINI_THRESHOLD);
}

請問有人知道如何檢測mini嗎？

我現在只是使用這個 css 代碼：

@media (max-width: 1000px) {
  .desktop {
      display: none;
  }
  .mobile {
      display: block;
  }
}

Answer 1

這往往對我有用。 它檢查用戶是否有 cursor。 您也可以使用指針：無。 公平地說，這也將獲得一部電話。 唯一完全准確的方法是使用 PHP 或 JavaScript。

@media (pointer: coarse) {
  .desktop {
      display: none;
  }
  .mobile {
      display: block;
  }
}