星期日, 12月 26, 2004

[css] 列印的css設定

沒錯~~ 利用 css 中 @media 指令( ie4 以前不支援)
就可以指定列印版本的css 設定.

1)如連結到外部css檔

link rel="stylesheet" type="text/css" media="print, handheld" href="foo.css"

2)利用 @media print 指定不同的列印樣式
@media print {
body { font-size: 10pt } //注意到使用打印的點當成計算單位
}
@media screen {
body { font-size: 13px }
}
@media screen, print {
body { line-height: 1.2 }
}

3) 由於print media 屬於 paged media
因此,透過對w3c paged media的認知,可以清楚了解. here (eng)

另外@media all 泛指所有的媒體類型.
handheld / 觸控式螢幕 braille等


張貼留言