使用特定样式表定位iPad

Question

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

我使用以下条件样式

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

现在修复了解锁iPhone和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

很多预先感谢。

Answer 1

在服务器级别（php）而不是客户端级别执行条件css < link>。

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