javascript - 指定iPad 3，但不指定iPad 4

我尝试添加一些在iPad 3上需要执行的CSS，但在iPad 4上则不需要，反之亦然。我既可以定位到旧版本，又可以定位：

   @media
   only screen and (-webkit-min-device-pixel-ratio: 2),
   only screen and (   min--moz-device-pixel-ratio: 2),
   only screen and (     -o-min-device-pixel-ratio: 2/1),
   only screen and (        min-device-pixel-ratio: 2),
   only screen and (                min-resolution: 192dpi),
   only screen and (                min-resolution: 2dppx) { }

但到目前为止，我找不到3到4之间的差异。任何CSS或JS解决方案都可以。任何帮助将不胜感激

最佳答案

使用媒体查询或用户代理不会有任何区别：


媒体查询是same
用户代理仅包含iPad字，而不包含版本。 UA中的其他信息是关于iOS或Safari浏览器的。 iPad3将iOS6设置为默认设置，但可以将其更新为新版本。 Safari取决于iOS版本，因此系统和浏览器信息不准确。


因此，只有javascript + iOS特征检测与iPad中的iPad2和event.acceleration差异相同，但是iPad3和iPad4的特征没有差异。

因此，您不能仅检测iPad3。也许您将iPad3问题发布在这里，我们可以帮助您解决问题吗？

但：

如果使用WebView组件，则可以在其中进行。您可以通过systemInfo.machine中的Objective-C:字符串检测到

NSString *machineName = [NSString stringWithCString:systemInfo.machine encoding:NSUTF8StringEncoding];

iPad3的machineName是iPad3,1，iPad3,2和iPad3,3。 iPad4是iPad3,4，iPad3,5和iPad3,6（不要问为什么：）

在WebView中，您可以通过使用iPad3.css将css文件更改为WebResourceLoadDelegate。