使用特定樣式表定位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。