如何检测iPad Mini

Question

我有一个网站，当宽度小于1000时，它会移动。问题是，当iPad Mini是水平的时，它的宽度是1024——和iPad一样。iPad能够运行我编程的特定时间线，但Mini不能——它崩溃了。我想检测用户何时拥有Mini，并在这种情况下强制网站使用其移动版本。

我看了这个stackoverflow条目：在HTML5中检测iPad Mini，但它实际上没有任何代码来检测迷你，尽管我喜欢这个建议的破解：

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

有人知道如何检测Mini吗？

我现在只使用这个css代码：

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

Answer 1

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

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