CSS媒体类型:如何为移动设备加载CSS？

Question

使用此代码:

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

在我的N78上诺基亚的默认浏览器和opera mini加载screen.css而不是mobile.css.
我错过了什么？

Answer 1

诺基亚N78使用S60浏览器,它只读取"屏幕"样式表.它不会读取"掌上电脑".它不支持媒体查询.不要试图在这里输入所有内容,看看这篇文章就可以解决问题了 - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

以iPhone为例:

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

我不知道这样做和不起作用的浏览器/设备.我开发的唯一移动设备是iPhone.但我相信你可以试试你的诺基亚.

更多关于媒体查询