首页 文章

配置不同移动设备的显示

提问于
浏览 次
2

有没有人知道根据移动设备的类型获得特定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，因为它是我现在所拥有的全部） . 那么有没有人为其他手机平台做过任何工作？

css codeigniter mobile-phones

2 回答

  • 0

    List Apart有a great article on their Web site全部关于移动样式表 . 我希望它有所帮助 .

    回复于
  • 1

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

    回复于

相关问题