专为ipad设计的css

我需要创建一个在ipad上看起来不同的页面。我以前从未这样做过，因此我有几个问题：

1） 我怎样才能让一个页面知道它在ipad上被css浏览

2） 如果页面上的某些内容与ipad不同，我如何使用php了解加载页面的设备（因为css无法实现这一点）？

---

这篇文章写得很好，可能会对你有所帮助……

我将首先回答你的第二个问题。在服务器端代码中检测特定设备类型的唯一方法是通过用户代理解析。在PHP中，您可以使用

strpos（）

函数来实现这一点，如果第一个字符串参数中不包含第二个字符串参数，该函数将返回

FALSE

。例如：

$userAgent = $_SERVER['HTTP_USER_AGENT'];
if (strpos($userAgent, 'iPad') !== FALSE) {
    // load iPad-specific content
} else {
    // load content for other devices
}

要回答你的第一个问题，没有办法只检测使用CSS的iPad。您可以使用媒体查询以1024x768显示器为目标，但这些查询适用于任何具有该分辨率的屏幕（不仅仅是iPad）。如果您想应用特定于iPad的CSS样式，请使用前面提到的PHP代码加载一个独特的样式表

---

然而，应该指出的是，设备检测通常是一种不好的做法，因为它不会考虑不断变化的浏览器功能、市场趋势或用户代理欺骗。在大多数情况下，为支持各种设备提供更稳健、更前倾的方法。为什么？因为它们针对的是设备类型，而不是特定型号。这意味着您的网站今天可以在iPad、Android和Windows平板电脑上运行良好，明年可以在市场上推出的任何热门新xyz设备上运行良好（无需更改代码）。

使用媒体查询隐藏/显示/更改不同设备的内容。

谷歌搜索“CSS媒体查询”搜索移动设备检测。有很多方法。为什么不能使用CSS媒体查询（正如Garry和Garu#onn所建议的那样）？我知道这是如何回答#1的，但是#2呢？不同的开发人员使用不同的方法，你可以使用其中的任何一种。基本想法是一样的。你的答案很有帮助，但你可以通过在你链接到的页面中加入一个摘要或相关部分来让答案变得更好。这也将有助于你的答案保持伟大，即使你包含的链接在未来中断。谢谢j08691，我将尝试在我的所有答案中包含摘要。如果不是太长的话…谢谢，我会调查的。