爲不同的移動設備配置顯示器

Question

有誰知道基於移動設備類型的特定CSS樣式表的方式嗎？我幾天前一直在研究它，除了iPhone的這段代碼之外沒有發現任何東西。

<link media="only screen and (max-device-width: 480px)" href="iPhone.css" type="text/css" rel="stylesheet" /> 

這個偉大工程的iPhone，但所有其他移動設備（Android，黑莓，諾基亞），它仍然顯示同我的網站。我試過了：

<link media="handheld" href="iPhone.css" type="text/css" rel="stylesheet" /> 

但是這似乎對其他移動設備沒有任何影響。所以我不確定如何在不影響我的實際網站的代碼的情況下訪問黑莓手機的/ android /諾基亞的。

我建立我的網站使用PHP框架CodeIgniter，我看着這個代碼能夠判斷它是否被通過移動設備或瀏覽器查看。

if ($this->agent->is_browser()) 
{ 
    $agent = $this->agent->browser().' '.$this->agent->version(); 
} 
elseif ($this->agent->is_mobile()) 
{ 
    $agent = $this->agent->mobile(); 
} 
else 
{ 
    $agent = 'Unidentified User Agent'; 
} 

唯一的問題是，我們正在建設的新手機使網站作爲瀏覽器，而不是作爲移動（我想，我只測試了iPhone，因爲它是我所有的時刻） 。那麼有沒有人有其他手機平臺的工作？

Answer 1

與WFURL接口應該是尋找屏幕尺寸和選擇正確樣式表的通常做法。

Answer 2

A List Apart有a great article on their Web site所有關於移動樣式表。我希望它有幫助。