纯粹通过 css 检测 iPhone/iPad [英] Detect iPhone/iPad purely by css

问题描述

我一直在尝试纯粹通过样式表检测 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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！