Css 苹果'；s关于浏览器嗅探的建议

苹果是否建议使用任何浏览器嗅探技术（例如区分桌面IE/FF/Mobile Safari（即iPad））/其他平板电脑

我知道苹果希望我们避免使用用户代理进行同样的操作

媒体技术是区分iPad和say Xoom的万无一失的方法吗

<link rel="stylesheet" media="all and (min-device-width: 481px) and (max-device-width: 1024px)" href="ipad.css">  

---

与其尝试检测设备/用户代理，不如重点检查浏览器的功能。这包括屏幕分辨率、JS支持、CSS支持等

媒体查询只是众多技术中的一种，您可以使用这些技术使您的网站在许多设备上正常运行。为了让您开始，以下是一些有用的资源：

• -一个JS库，用于检测浏览器功能，并添加方便的CSS类和JS方法来检查这一点
• -一篇关于各种技术的文章
• -概念验证，逐步增强站点
• -一篇文章，从基本样式表开始，然后使用媒体查询在顶部添加额外样式

---

与其尝试检测设备/用户代理，不如重点检查浏览器的功能。这包括屏幕分辨率、JS支持、CSS支持等

媒体查询只是众多技术中的一种，您可以使用这些技术使您的网站在许多设备上正常运行。为了让您开始，以下是一些有用的资源：

• -一个JS库，用于检测浏览器功能，并添加方便的CSS类和JS方法来检查这一点
• -一篇关于各种技术的文章
• -概念验证，逐步增强站点
• -一篇文章，从基本样式表开始，然后使用媒体查询在顶部添加额外样式

---

请参见苹果开发者网络。本文包括使用条件css来识别浏览器功能，以及Safari浏览器发送的各种用户代理字符串的差异。

请参见Apple开发者网络。本文包括使用条件css识别浏览器功能，以及Safari浏览器发送的各种用户代理字符串的差异。

阅读Akamike的回答后，我现在想知道为什么要这样做？是因为你想让你的网站运行良好，还是因为你想跟踪设备？在阅读了Akamike的答案后，我现在想知道你为什么要这样做？是因为你想让你的网站运行良好，还是因为你想跟踪设备？不是使用第三方库，而是有没有更简单的方法来做到这一点..就像你说的JS支持..我们可以通过任何特定的JS功能在iPad和桌面浏览器之间进行检测..我试图在我的页面上避免任何第三方库..就像我说的，检测功能而不是用户代理。Modernizr（主动维护）保存您自己添加所有检测，但是如果您感兴趣，您可以在中查看HTML5功能检测的示例，并在ok中查看Modernizr的源..当您说功能检测时，它能区分桌面Safari和移动Safari吗？我的意思是，我想将桌面Safari的div宽度设置为100px，移动Safari的div宽度设置为50px。使用功能检测，我能应用不同的样式吗？要做到这一点，你可以使用媒体查询说“任何设备宽度为X的设备都使用这种样式”。这样你就可以捕捉到Mobile Safari和其他类似屏幕的东西。然而，正如我链接到的一些资源所展示的，最好是朝相反的方向工作，首先制作一个非常基本的样式表，然后通过媒体查询添加额外的样式，以检查是否有更大的屏幕。仍然有一些东西可能需要浏览器嗅探，比如HTML5自动播放视频。没有使用第三方库，有没有更简单的方法来实现这一点..就像你说的JS支持..我们可以通过任何特定的JS功能在iPad和桌面浏览器之间进行检测..我试图在我的页面上避免任何第三方库..就像我说的，检测功能而不是用户代理。Modernizr（主动维护）保存您自己添加所有检测，但是如果您感兴趣，您可以在中查看HTML5功能检测的示例，并在ok中查看Modernizr的源..当您说功能检测时，它能区分桌面Safari和移动Safari吗？我的意思是，我想将桌面Safari的div宽度设置为100px，移动Safari的div宽度设置为50px。使用功能检测，我能应用不同的样式吗？要做到这一点，你可以使用媒体查询说“任何设备宽度为X的设备都使用这种样式”。这样你就可以捕捉到Mobile Safari和其他类似屏幕的东西。然而，正如我链接到的一些资源所展示的，最好是反方向工作，首先制作一个非常基本的样式表，然后通过媒体查询添加额外的样式，以检查更大的屏幕。仍然有一些东西可能需要浏览器嗅探，例如HTML5自动播放视频。