css打印适应纸张_专为控制打印设计的CSS样式

大多数Web设计师对打印控制还不是很熟悉，他们往往更迷恋像素，而不是

为打印机而不是屏幕设计的样式

注＊ 也可通单独的CSS文件, 设置link的 media="print" 属性来指定此样式专用于打印

为您的网站重塑整个CSS是没有必要的，整体而言，由打印继承默认样;仅对不同的需要加以限定。为了节省打印时的

我们不是在创建整个网页的截图,只是为了展现一个

为了使打印机更具效率,应只显示主体内容,去除页眉页脚导航栏

链接的处理

在

显示效果可能是这样的

控制打印设置选项

该@page规则允许您指定页面的各个方面。例如，你将要指定页面的尺寸。页边 距,页眉页脚等都是非常重要的。[很多浏览器均己支持]

@PAGE规则纸张大小设置

通过下面这条CSS您可以设置纸张大小,5.5英寸宽,8.5英寸高.

你还可以通过别名控制

你还可以控制打印方向，　portrait： 纵向打印地,  landscape: 横向

PAGE模型　The Page Model

在分页媒体格式模型中，文档被转移到一个或多个页面框。该页框是映射到一个矩形平面。这大致类似于css盒子模型。

注*　支持浏览器较少

PAGE边距模型　 Page-Margin Boxes

在进一步讨论之前，我们应该了解的页面的盒子模型，因为它的行为跟如何在屏幕上的工作有些不同。

页面

左右页边距

下面的

显示效果如下：