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

有人知道一种基于移动设备类型的特定CSS样式表的方法吗？我已经研究了几天了，除了这段iphone代码之外，什么也没找到

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

唯一的问题是，我们正在构建的新手机将网站呈现为浏览器，而不是手机（我想，我只测试了iphone，因为它是我目前所拥有的全部）。那么，有人对其他手机平台有什么解决办法吗？

与进行交互应该是确定屏幕大小和选择正确样式表的通常做法。

一个单独的列表包含所有关于手机样式表的内容。我希望有帮助

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

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';
}