@media打印不能正常打印
@media打印不能正常打印
提问于 2018-01-04 04:19:20
我有一些很大的网页表格，我想打印出来。它们在打印时会被切断得很严重。
我在样式表中添加了一个@media打印。
对于大的表单，我已经指定了一个特定的class名称，以便我可以在我的css中识别它，主要是：
<div id="divFormMain" class="customPrint2" style="margin:5px;">这就是我在CSS中尝试做的事情：
.customPrint2 {
-ms-transform: scale(.9); /* IE 9 */
-webkit-transform: scale(.9); /* Safari 3-8 */
transform: scale(.9);
}不幸的是，transform不能完成这项工作，它仍然会被切断。
我想补充的最后一点是
@page size:landscape但是，我不想在横向打印所有表单，只为customPrint2打印
有没有办法做到这一点？
@page {
margin:0cm 0cm 0cm 0cm !important;
}
@media print {
#divFrameContent {
height:100% !important;
width:100% !important;
border:none !important;
table-layout:fixed !important;
}
.FormMenuNavigation {
display:none !important;
height:0px !important;
}
#tblBodyContent {
/*table-layout:fixed !important;*/
}
#divFormContent {
width:98%;
}
.customPrint {
-ms-transform: scale(.9); /* IE 9 */
-webkit-transform: scale(.9); /* Safari 3-8 */
transform: scale(.9);
}
.customPrint2 {
-ms-transform: scale(.9); /* IE 9 */
-webkit-transform: scale(.9); /* Safari 3-8 */
transform: scale(.9);
}
}回答 2
Stack Overflow用户
回答已采纳
发布于 2018-04-19 18:21:28
我认为你应该尝试一下下面的code...It works for me...May，因为你应该为你要打印的页面设置一些尺寸……
@media print {
@page {
size: 330mm 427mm;
margin: 14mm;
}
.container {
width: 1170px;
}
}Stack Overflow用户
发布于 2018-01-04 05:24:48
尝试以下操作。它将应用于所有子元素。
.customPrint * {
transform: scale(0.9);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48084550
复制相关文章
相似问题
腾讯云开发者
