如何瞄准iPad和iPhone，但不包括Android

我一直在寻找这个答案，但似乎找不到。我只有一部iPhone和iPad——我没有安卓系统——所以我不知道我的CSS是否在触摸Droid

这是我的HTML和CSS中的内容：

HTML

<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0">

问题:

机器人是否有特定的元标签

我上面的CSS是针对机器人的吗？如果是的话，有没有办法修改它，让机器人忽略它

是否有Droid的在线模拟器，以便我进行故障排除

---

您可以在此处看到一个示例页面：

媒体查询用于显示区域和类型。它不看用户代理或类似的东西。您可以使用JQuery+CSS执行以下操作：

var _device = {};

if (navigator.userAgent.match(/iPad/i)) {
    _device.name = 'ipad';
    _device.type = 'mobile';
} else if (navigator.userAgent.match(/android/i)) {
    _device.name = 'android';
    _device.type = 'mobile';
} else {
    _device.type = 'desktop';
}

$('body').addClass(_device.name).addClass(_device.type);

现在，在CSS中，只需预先添加适用于您的需要的body类：

@media only screen and (max-device-width: 1024px) { 
    .ipad #myDiv {
        // css for #myDiv only seen on the iPad
    }

    .android #myDiv {
        // css for #myDiv only seen on the Android
    }

    .mobile #myDiv {
        // css for #myDiv available to iPad AND android but NOT desktop
    }
}

---

媒体查询用于显示区域和类型。它不看用户代理或类似的东西。您可以使用JQuery+CSS执行以下操作：

var _device = {};

if (navigator.userAgent.match(/iPad/i)) {
    _device.name = 'ipad';
    _device.type = 'mobile';
} else if (navigator.userAgent.match(/android/i)) {
    _device.name = 'android';
    _device.type = 'mobile';
} else {
    _device.type = 'desktop';
}

$('body').addClass(_device.name).addClass(_device.type);

现在，在CSS中，只需预先添加适用于您的需要的body类：

@media only screen and (max-device-width: 1024px) { 
    .ipad #myDiv {
        // css for #myDiv only seen on the iPad
    }

    .android #myDiv {
        // css for #myDiv only seen on the Android
    }

    .mobile #myDiv {
        // css for #myDiv available to iPad AND android but NOT desktop
    }
}

---

另外，如果这一点在其他地方得到了回答，请告诉我。我已经做了至少1/2个小时的研究，时间不多了。我不太确定如何制定搜索查询以获得正确答案？此外，如果其他地方已经回答了这个问题，请告诉我。我已经做了至少1/2个小时的研究，时间不多了。我不太确定如何制定搜索查询以获得正确答案？但媒体查询不是专门针对ipad吗@仅媒体屏幕和（最小设备宽度：481px）和（最大设备宽度：1024px）和（方向：横向）{……iPad横向的CSS}如果答案是JS和CSS的组合，也可以。但据我所知，增加方向和最小/最大设备宽度是针对特定设备的一种方式？这不是未来的证明，如果android设备具有相同的屏幕宽度会怎么样？@VaughnD.Taylor媒体查询将针对任何具有该显示的设备-理论上和实践上，你可以将桌面浏览器的大小调整到精确的纵横比，并观察css在媒体查询条件下的弹出。然而，这就是我一直在测试的方式，为了让它在桌面上工作，查询必须是“最小宽度”而不是“最小设备宽度”。要进行测试，我只需移除设备并在浏览器中查看它。我最好奇的是，我是否可以传递任何特定的参数，使查询特定于Android？例如，我可以通过同时使用“-webkit最小设备像素比”和“最小设备像素比”来瞄准iPhone4。无论如何，谢谢你的帮助。我可能已经在这里找到了我需要的答案：但媒体的查询不是专门针对ipad吗@仅媒体屏幕和（最小设备宽度：481px）和（最大设备宽度：1024px）和（方向：横向）{……iPad横向的CSS}如果答案是JS和CSS的组合，也可以。但据我所知，增加方向和最小/最大设备宽度是针对特定设备的一种方式？这不是未来的证明，如果android设备具有相同的屏幕宽度会怎么样？@VaughnD.Taylor媒体查询将针对任何具有该显示的设备-理论上和实践上，你可以将桌面浏览器的大小调整到精确的纵横比，并观察css在媒体查询条件下的弹出。然而，这就是我一直在测试的方式，为了让它在桌面上工作，查询必须是“最小宽度”而不是“最小设备宽度”。要进行测试，我只需移除设备并在浏览器中查看它。我最好奇的是，我是否可以传递任何特定的参数，使查询特定于Android？例如，我可以通过同时使用“-webkit最小设备像素比”和“最小设备像素比”来瞄准iPhone4。无论如何，谢谢你的帮助。我可能在这里找到了我需要的答案：