html标签属性语音,HTML <area> 标签 media 属性

HTML 标签 media 属性

media 属性规定href属性URL目标将显示在什么设备上。(如 iPhone) , 音频或者打印媒介。可以接受多个值。

案例

支持浏览器

语法

操作符值描述

and指定 AND 操作符

not指定 NOT 操作符

,指定 OR 操作符

设备名称值描述

all默认。适应所有设备。

aural语音合成器

braille盲文反馈设备

handheld手持设备(小屏幕，有限的带宽)

projection投影仪

print打印预览模式/打印页数

screen电脑屏幕

tty电传打字机和类似使用固定间距字符网格的介质

tv电视类型设备(分辨率低，滚动能力有限)

media属性值值描述

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)"

方向指定目标显示/纸的方向。

可能值: "portrait" 或 "landscape"

实例: media="all and (orientation: landscape)"

aspect-ratio指定的目标的显示区域的宽度/高度比例。

通常使用 "min-" 和 "max-" 前缀。

实例: media="screen and (aspect-ratio:16/9)"

device-aspect-ratio指定的目标的显示区域的设备宽度/设备高度比例。

通常使用 "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指定一个电视显示屏的扫描方法。

可能值是 "progressive" 和  "interlace".

实例: media="tv and (scan:interlace)"

grid指定输出设备是电网或位图

grid的值为 "1", 其他的为 "0"

实例: media="handheld and (grid:1)"