代码之家  ›  专栏  ›  技术社区  ›  Andrea Ambu

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

  •  13
  • Andrea Ambu  · 技术社区  · 15 年前

    用这个代码:

    <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-Load 屏幕,CSS 而不是 移动CSS .
    我错过了什么?

    3 回复  |  直到 12 年前
        1
  •  19
  •   dalizard    15 年前

    诺基亚N78使用S60浏览器,它只读取“屏幕”样式表。它不会读“掌上电脑”。不支持媒体查询。不要试图在这里输入所有内容,而是看一下本文,您将解决这个问题。- http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

        2
  •  9
  •   Ryan Florence    15 年前

    以iPhone为例:

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

    我不知道这对哪些浏览器/设备有效,哪些浏览器/设备无效。我开发的唯一移动设备是iPhone。但我相信你可以用你的诺基亚来试一试。

    More on media queries

        3
  •  1
  •   Gerald Senarclens de Grancy    14 年前

    Opera Mini使用媒体类型屏幕,因为它最适合其行为和功能。但是,如果切换到移动视图模式,它将使用手持样式表。参见 A developer’s look at Opera Mini 5 beta 2 更多信息。

    推荐文章