HTML <link> media xing neng

HTML <link> تیگ

ding yi he yong fa

media xing neng gui ding le mu biao ziyuan dui jiang shen me meiti/she bei jing xing you xian

media xing neng zhi ding le bei lian jie wen dian jiang xian shi zai shen me she bei shang

zhe ge xing neng zhu yao yu CSS xiang shi biao liu yong, wei liang ge dian bi de meiti lei xing zhiding ge dian xiang shi

media suo you xing neng jie shou duo ge zhi

shili

wannan dake na xingyishu biao liu xiang liang zhong dian bi de meiti lei xing (pingmu he dayin):

<head>
  <link rel="stylesheet" type="text/css" href="theme.css">

亲自试一试

语法

可能的运算符

运算符 描述
and 规定 AND 运算符。
not 规定 NOT 运算符。
, 规定 OR 运算符。

设备

设备 描述
all 默认。用于所有媒体类型设备。
print 用于打印预览模式/打印页面。
screen 用于电脑屏幕、平板电脑、智能手机等。
speech 用于朗读页面的屏幕阅读器。
aural dabara na.语音合成器。
braille dabara na.盲文反馈设备。
handheld dabara na.手持设备（小屏幕、有限带宽）。
projection dabara na.投影仪。
tty dabara na.使用固定间距字符网格的电传打字机和类似媒体。
tv dabara na.电视类型设备（分辨率低、滚动能力有限）。

值

值 描述
aspect-ratio

规定目标显示区域的宽度/高度比。

可使用 "min-" 和 "max-" 前缀。

例子：media="screen and (aspect-ratio:16/9)"
color

规定目标显示器的每种颜色的位数。

可使用 "min-" 和 "max-" 前缀。

例子：media="screen and (color:3)"
color-index

规定目标显示器能够处理的颜色数。

可使用 "min-" 和 "max-" 前缀。

mata: "screen and (min-color-index:256)"
device-aspect-ratio dabara na.tashi da kowali device-width/device-height na ratio.
device-width dabara na.tashi da kowali width da kai / paper.
device-height dabara na.tashi da kowali height da kai / paper.
grid

tashi da kowali output device shi grid ko bitmap.

mata: "1" tashi da kowali grid, "0" na dake na.

mata: "handheld and (grid:1)"
height

tashi da kowali height da kai

可使用 "min-" 和 "max-" 前缀。

mata: "screen and (max-height:700px)"
monochrome

tashi da kowali bayan kowali kowali na kai

可使用 "min-" 和 "max-" 前缀。

mata: "screen and (monochrome:2)"
orientation

规定目标显示器/纸张的方向。

可能的值："portrait" 或 "landscape"

例子：media="all and (orientation: landscape)"
resolution

规定目标显示器/纸张的像素密度 (dpi 或 dpcm)。

可使用 "min-" 和 "max-" 前缀。

例子：media="print and (resolution:300dpi)"
scan

规定 tv 显示器的扫描方法。

可能的值是："progressive" 和 "interlace"。

例子：media="tv and (scan:interlace)"
width

规定目标显示区域的宽度。

可使用 "min-" 和 "max-" 前缀。

例子：media="screen and (min-width:500px)"

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

HTML <link> تیگ