13

使用此代码：

<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。
我错过了什么？

4

3 回答 3

19

诺基亚 N78 使用 S60 浏览器，它只读取“屏幕”样式表。它不会读取“手持”。它不支持媒体查询。与其尝试在这里输入所有内容，不如看看这篇文章，您将解决问题 - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

于 2009-08-08T12:39:18.380 回答
9

以 iPhone 为例：

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

我不知道这适用于哪些浏览器/设备，哪些不适用。我开发的唯一移动设备是 iPhone。但我相信你可以用你的诺基亚试一试。

更多关于媒体查询

于 2009-08-08T18:59:33.350 回答
1

Opera Mini 使用媒体类型屏幕，因为它最适合其行为和功能。但是，如果您切换到移动视图模式，它将使用手持样式表。有关详细信息，请参阅开发人员对 Opera Mini 5 beta 2 的看法。

于 2010-05-19T10:52:58.533 回答