使用特定样式表定位 iPad

Posted 2023-03-12

【中文标题】使用特定样式表定位 iPad

【英文标题】：Targeting an iPad using a specific stylesheet

【发布时间】：2011-08-31 11:21:21

【问题描述】：

我客户的网站在所有主要的网络浏览器中都能正常运行。 iPad除外。有些东西的渲染有点不同。

我正在使用以下条件样式表

<link href="$SkinDir/ipad.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 600px) and (max-width: 1024px)" >

它现在解决了我遇到的 iPad 样式表问题......

但是

该网站在我的 HTC 手机等其他设备上运行良好。但现在 iPad 样式表已加载，现在正在恢复为该样式表。

我尝试使用：

  <link href="$SkinDir/phones.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 600px)" >

但是好像根本没有级联到手机上，还是指ipad的样式表。

有什么办法，我可以只瞄准 iPad！？

值得注意的是，该站点在 SMARTY 模板引擎上运行。与条件相关的文件可以找到here

非常感谢。

【参考方案1】：

在服务器级别（php）而不是客户端级别做条件css 。

您可以使用此http://shaunmackey.com/articles/mobile/php-auto-bowser-detection/ 来检测 iPad 并设置一个标志，以便您知道要包含哪个 css。

【讨论】：

太棒了！谢谢维托。我的目标是 iPad，它也解决了我的手机加载问题。非常感谢。