如何检测 iPad Mini？

问题描述

我有一个网站，当宽度小于 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;
  }
}

解决方法

这对我有用。它检查用户是否有光标。您也可以使用指针：无。公平地说，这也会得到一部手机。唯一完全准确的方法是使用 PHP 或 JavaScript。

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