如何解决如何检测 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;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。