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

//在屏幕上显示的样式 <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 { }

　　推荐阅读

　　文字超过宽度显示省略号（无js全兼容）

PS. 由于使用的附件作为图片，使用其他浏览器测试时，保证登录才能看到完整效果。 ^-^ 三更半夜果然适于思考，办法有点怪，让我们先看看效果： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN>>>详细阅读

本文标题：css 不同媒介的显示样式控制方式

地址：http://www.17bianji.com/kaifa2/CSS/16830.html

1/2 1