CSS打印 - 默认情况下页面方向



我有一个页面上有一些数据的页面,我已经对CSS进行了设计,因此所有内容都可以正确打印。但是,由于页面的性质,当然最好打印" Orizontally",以便桌子有更多的宽度。我知道这是用户应该从系统的打印选项中选择自己的设置,但是我想知道是否有任何方法可以将打印面板预选为用户。

不幸的不是 - 打印是在DOM范围之外的系统函数,因此CSS不会让您触摸它。

@page {
    size: landscape;
}

请参阅CSS3模块:分类媒体3.3页面大小。但是,CSS3M:PM是一个六年的工作草案,在过去几年中没有得到那么多关注,因此您必须检查目标浏览器是否真正支持该规则。

简而言之,在Web开发下,您无法使用JavaScript触摸打印机。您甚至都不知道是否有打印机上的计算机查看您的网站。在发出Window.print()之后,您无法确定该页面是否已成功打印。

如果您的要求将布局设置为景观,这是您的CSS技巧:

<style type="text/css" media="print">
.landScape
{ 
 width: 100%; 
 height: 100%; 
 margin: 0% 0% 0% 0%; 
 filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
} 
</style>
<body class="landScape">
...
</body>

只需尝试是否适合您。

相关内容

最新更新