HTML media 属性
HTML <a> media 属性
定义和用法
media 属性规定链接文档针对哪种媒体或设备进行了优化。
此属性用于规定目标 URL 是为特殊设备（如 iPhone）、语音或印刷媒体设计的。
该属性可以接受多个值。
只能在 href 属性 存在时使用。
注意：此属性纯粹是建议性的。
实例
设置了 media 属性的链接：
<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)"> 打开用于打印的 media 属性页面 </a>
亲自试一试
语法
<a media="value">
可能的运算符
运算符 描述 and 规定 AND 运算符。 not 规定 NOT 运算符。 , 规定 OR 运算符。设备
值 描述 all 默认。适合所有设备。 aural 语音合成器。 braille 盲文反馈装置。 handheld 手持设备（小屏幕、有限的带宽）。 projection 投影机。 print 打印预览模式/打印页面。 screen 计算机屏幕。 tty 电传打字机以及使用等宽字符网格的类似媒介。 tv 电视类型设备（低分辨率、有限的分页能力）。值
值 描述 width规定目标显示区域的宽度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (min-width:500px)"
height规定目标显示区域的高度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (max-height:700px)"
device-width规定目标显示器/纸张的宽度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (device-width:500px)"
device-height规定目标显示器/纸张的高度。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (device-height:500px)"
orientation规定目标显示器/纸张的方向。
可能的值："portrait" 或 "landscape"
例子：media="all and (orientation: landscape)"
aspect-ratio规定目标显示区域的宽度/高度比。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (aspect-ratio:16/9)"
device-aspect-ratio规定目标显示器/纸张的 device-width/device-height 比率。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (aspect-ratio:16/9)"
color规定目标显示器的每种颜色的位数。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (color:3)"
color-index规定目标显示器能够处理的颜色数。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (min-color-index:256)"
monochrome规定在单色帧缓冲中的每像素比特。
可使用 "min-" 和 "max-" 前缀。
例子：media="screen and (monochrome:2)"
resolution规定目标显示器/纸张的像素密度 (dpi 或 dpcm)。
可使用 "min-" 和 "max-" 前缀。
例子：media="print and (resolution:300dpi)"
scan规定 tv 显示器的扫描方法。
可能的值是："progressive" 和 "interlace"。
例子：media="tv and (scan:interlace)"
grid规定输出设备是网格还是位图。
可能的值："1" 代表网格，"0" 是其他。
例子：media="handheld and (grid:1)"
浏览器支持
Chrome Edge Firefox Safari Opera Chrome Edge Firefox Safari Opera 支持 支持 支持 支持 支持相关知识
html如何制作宠物
html初学者入门教程
构建基础虚拟宠物应用的HTML教程
HTML/CSS 设计一个网页
HTML基础与结构
前端实战：宠物网页设计与HTML/CSS/JS代码详解
HTML网页制作——HTML+CSS宠物狗静态网页设计
HTML宠物网页设计：大学生保护动物主题网页作品
宠物网页设计教程：HTML、CSS与前端实战
宠物狗大学生网页设计模板 静态HTML动物保护学生网页作业成品 DIV CSS动物主题静态网页
网址: HTML media 属性 https://m.mcbbbk.com/newsview1353331.html
| 上一篇: HTML基础知识详解 |
下一篇: 中央药品标准控制组织提议在药片包 |
