代码片段 → CSS → 所有样式表媒体类型 所有样式表媒体类型 Chris Coyier 于 2009年8月21日 <link rel="stylesheet" type="text/css" href="print.css" media="print"> all 用于所有媒体类型的设备 aural 用于语音和声音合成器 braille 用于盲文触觉反馈设备 embossed 用于分页盲文打印机 handheld 用于小型或手持设备 print 用于打印机 projection 用于投影演示，如幻灯片 screen 用于计算机屏幕 tty 用于使用固定间距字符网格的媒体，如电传打字机和终端 tv 用于电视类型设备
谢谢Chris Coyier先生
不错，Chris，但我正在寻找根据屏幕分辨率设置背景图像的css代码，对于小于1800宽度屏幕，我必须加载1800px宽度的完整背景。如果技巧有效，我将在小分辨率屏幕中加载较小的图像。谢谢
如果您还没有找到，请尝试此代码。我从Google上获取了一张1920px × 1080px的图像，无论如何它都会使其成为页面大小。
http://jsfiddle.net/WkJjK/
不错.. :)
抱歉，我最近开始为wordpress创建主题。我想在wordpress中使用@media handheld.. 我该怎么做？据我所知，它只有一个样式表。
WordPress也可以有多个样式表……（事实上，许多插件无论如何都会将样式表添加到您的“head”部分，以保持其窗口小部件样式的一致性）。只需进入主题的“header.php”文件（也许通过wp中内置的编辑器）并自己查看标题。
可能在某个地方包含以下代码
<link rel="stylesheet" href="” type=”text/css” media=”screen” />
然后只需添加以下代码
并将“styleMedia.css”或您想命名的任何名称保存到主题的根目录（或如果您愿意，则保存在单独的css文件夹中，但不要忘记将相同的文件夹名添加到css文件的“路径”中）。
希望对您有所帮助……
您还应该包含媒体查询中使用的媒体功能列表。这将非常有帮助。
http://www.w3.org/TR/css3-mediaqueries/#media1
感谢分享，帮助很大
感谢Chris提供的另一个很棒的代码段
谁能帮我解释一下为什么要使用
media？我对移动和网页css感到很困惑
“aural”仅在HTML 4.01中，“embossed”仅在CSS 2.1中
这已经过时了。