为不同的移动设备配置显示器

Question

有没有人知道如何根据移动设备的类型创建特定的CSS样式表？我已经研究了几天了，除了这段用于iPhones的代码之外，我什么也没找到。

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

这在iPhones上很有效，但在所有其他移动设备(安卓、黑莓、诺基亚)上，它仍然显示与我的网站相同的内容。我试过了：

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

但这似乎对其他移动设备没有任何影响。所以我不确定如何在不影响我实际站点代码的情况下访问黑莓的/androids/诺基亚的。

我正在使用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

我希望它能帮上忙。

Answer 2

与WFURL接口应该是找出屏幕大小和选择正确样式表的常见做法。