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

【问题标题】：Configuring Displays for Different Mobile Devices为不同的移动设备配置显示器
【发布时间】：2010-04-07 04:34:05
【问题描述】：

有没有人知道根据移动设备类型创建特定 CSS 样式表的方法？我已经研究了几天了，除了这个用于 iPhone 的 sn-p 代码外，没有发现任何东西。

<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" />

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

我正在使用 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，因为它是我目前所拥有的全部）。那么有没有人可以解决其他手机平台的问题？

【问题讨论】：

标签： css codeigniter mobile-phones

【解决方案1】：

A List Apart 有a great article on their Web site 全部关于移动样式表。希望对你有帮助。

【讨论】：

【解决方案2】：

与WFURL 交互应该是找出屏幕尺寸和选择正确样式表的常用做法。

【讨论】：