css 不同媒介的显示样式控制方式

前端  /  管理员 发布于 8年前   213

//在屏幕上显示的样式
<link rel="stylesheet" type="text/css" media="screen" href="screen.css"/>
//在打印时显示的样式
<link rel="stylesheet" type="text/css" media="print" href="print.css" />　　
有不同的规则声明，不同的输出设备分别生成页面样式。
screen (缺省值)：提交到计算机屏幕；
print： 输出到打印机；
projection：提交到投影机；
aural：扬声器；
braille：提交到凸字触觉感知设备；
tty：电传打字机 (使用固定的字体)；
tv：电视机；
all：所有输出设备。
也可以直接在页面写：
//在打印时页面的效果
@media print
{
}