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

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

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

List Apart有a great article on their Web site所有关于移动样式表的内容。我希望它有所帮助。

Answer 2

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

配置不同移动设备的显示

2 个答案: