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 。
我想念什么？
问题答案：
以iPhone为例：
<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />
我不知道此功能适用于哪些浏览器/设备。我开发的唯一移动设备是iPhone。但是我敢肯定，您可以通过诺基亚来尝试一下。
-
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。 媒体类型 一些CSS属性只设计了某些媒体。例如"voice-family"属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如，"font-size"属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans - serif字体比较适合在屏幕
-
我知道如何加载CSS。 怎么卸载？
-
样式表最重要的特征之一是它们指定文档在不同媒体上的呈现方式:屏幕上，纸上，语音合成器，盲文设备等。 我们目前有两种方式为样式表指定媒体依赖关系 - 使用@media或@import at-rules从样式表中指定目标介质。 在文档语言中指定目标介质。 @media规则 @media规则指定一组规则的目标媒体类型（以逗号分隔）。 以下是一个例子 - <style tyle = "text/css">
-
主要内容：1. 媒体类型,2. 媒体特性,3. 逻辑操作符,4. 定义媒体查询随着移动设备的快速普及，用户不再只是通过传统的电脑系来浏览 Web 内容，越来越多的用户开始使用各种尺寸的智能手机、平板电脑或者其它设备来浏览 Web 内容，为了确保使用不同设备的用户都能拥有不错的体验就需要用到媒体查询。 媒体查询是 CSS 样式表最重要的功能之一，所谓媒体查询指的就是根据不同的媒体类型（设备类型）和条件来区分各种设备（例如：电脑、手机、平板电脑、盲文设备等），并为它们分别定义不
-
问题内容： 我正在尝试为我的网站创建页面主题功能。我想使用单独的CSS文件在页面上动态加载相应的主题。 我正在使用此代码： 效果很好，但是如果CSS文件未加载，它不会返回任何信息。 加载时，有什么方法可以捕捉吗？也许通过使用ajax？ 问题答案： 加载CSS文件（或其任何其他更改）时，Internet Explorer会触发一个事件。其他浏览器不会触发任何事件，因此您将必须手动检查样式表是否已加载
-
问题内容： 我非常热衷于在CSS中使用媒体查询，但是我对如何使用它感到困惑。我有立场 我的查询要求是 如果屏幕宽度是100到480，那么会出现不同的样式， 如果屏幕宽度从481到600，那么会出现不同的样式， 如果屏幕宽度为601到800，那么会出现不同的样式， 如果屏幕宽度为801，则默认CSS应该有效。 问题答案：