在ie11中打印在横向模式下

时间:2016-03-02 14:58:10

标签: javascript jquery css3

我需要以横向模式打印HTML页面,即11。我尝试了以下CSS代码而不能正常工作

1

<style type="text/css" media="print">
@page
{
    size: 11in 8.5in;
}
</style>

2

<style type="text/css" media="print">
@page
{
    transform: rotate(90deg);
}
</style>

3

@media print {
    @page {
        /*IE Landscape fix*/
        filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
    }
}

4

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

1 个答案:

答案 0 :(得分:1)

你必须这样设置html / css:

<style type="text/css" media="print">
 @page { size: landscape; }
</style>
你的HTML或

中的

@media print{@page {size: landscape}}

在你的CSS中