Question

我有这个表格，我打印这个表格是为了完成我的工作。

现在，问题是，在纵向模式下，它被最小化，我的意思是它看起来很小，就像A4 Letter的页面的一半，而在横向模式下它看起来很好。

这是我的媒体印刷css：

@media print  {
textarea{
        border:none;
    }
textarea#difekti {
padding-bottom:40px;
border:none;
    }
#menu-home { display:none }
#status-print { display:none }
#submit-f {display:none};
#MainContent {
    display: block;

}
#tab1 table, td, th {
  border: 1px solid red;   
}

#tab1 thead {
  float: left;   
}


#tab1 thead th {
  display: block;   
  background: yellow;
}

#tab1 tbody {
  float: right;   
}
#programi {
    display:none;
}
#kursor {
    display:none;
}
#adresa { }
* {position:static !important;}

}

有什么建议吗？此外，我也有IE的问题。我可以为IE创建额外的媒体打印吗？感谢

Answer 1

您应该将其更改为单独的CSS文件，并使用任何CSS链接底部的 media =“print”将其链接到HTML文档。

<link rel="stylesheet" type="text/css" media="print" href="path/to/your/css" />

这也可以帮助您避免IE的问题。

Answer 2

@page CSS at-rule用于在打印文档时修改一些CSS属性。您无法使用@page更改所有CSS属性。您只能更改文档的边距，孤立，窗口和分页符。尝试更改任何其他CSS属性将被忽略。

@page { size:5.5in 10in; margin: 1cm }

Answer 3

@media print和（orientation：portrait）{styles here}

@media print和（orientation：landscape）{styles here}

纵向模式下的介质打印问题

3 个答案: