一尘不染

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

css

使用此代码:

<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
我想念什么?


阅读 267

收藏
2020-05-16

共1个答案

一尘不染

以iPhone为例:

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

我不知道此功能适用于哪些浏览器/设备。我开发的唯一移动设备是iPhone。但是我敢肯定,您可以通过诺基亚来尝试一下。

2020-05-16