使用特定样式表定位iPad

Question

我的客户网站在所有主要网络浏览器中都能正常使用。除了iPad。有些事情略有不同。

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

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

它现在修复了我的iPad样式表问题....

BUT

该网站在其他设备上运行良好，例如我的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

非常感谢提前。

Answer 1

条件css＆lt;链接＆gt;在服务器级别（php），而不是客户端级别。

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