§ ITPOW >> 文档 >> CSS

CSS 打印时适应不同纸张的方法

作者:vkvi 来源:ITPOW(原创) 日期:2008-12-2

可以通过指定 media="print" 来让样式表只在打印时起作用,然后用 display:none 隐藏页眉、页脚、广告等,此时还要注意了:此时应该把页面内容的宽度设置为 100% 较好,因为这样可以适应不同的纸张。

您可能会说:我已经设置了 100%,为什么我打印的时候,文章的右半部分没有出现在纸上呢?这时就要想一想了:从 body 下面的第一级元素开始,到文章这一级,是不是有哪个 div 它的宽度不是 100%?有可能您使用了固定长度的单位为某一级的 div 设置了宽度。

顺便提一下连接样式表示例:

<link rel="stylesheet" type="text/css" href="/style/article.css" media="print" />
相关文章