本文介绍了纯粹通过 css 检测 iPhone/iPad的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我一直在尝试纯粹通过样式表检测 iPhone 或 iPad.我尝试了 此处 提供的解决方案，使用@media 手持设备，仅屏幕和(最大设备宽度:480px) {.
I've been trying to detect an iPhone or iPad purely by stylesheet. I tried the solution provided here by using @media handheld, only screen and (max-device-width: 480px) {.
然而，这似乎不起作用.有什么想法吗?
However, this doesnt seem to work. Any ideas?
推荐答案
这就是我处理 iPhone(和类似)设备 [非 iPad] 的方式:
This is how I handle iPhone (and similar) devices [not iPad]:
在我的 CSS 文件中:
In my CSS file:
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
/* CSS overrides for mobile here */
}
在我的 HTML 文档的头部:
In the head of my HTML document:
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
这篇关于纯粹通过 css 检测 iPhone/iPad的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！