Html IE 10打印似乎缩小了
我有web应用程序执行报告打印。 我的代码是这样的&它工作正常 HTMLHtml IE 10打印似乎缩小了,html,internet-explorer,css,internet-explorer-10,Html,Internet Explorer,Css,Internet Explorer 10,我有web应用程序执行报告打印。 我的代码是这样的&它工作正常 HTML <table> <thead> <tr> <th> Header part </th> </tr> </thead> <tbody> <tr>
<table>
<thead>
<tr>
<th>
Header part
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<div id="reportView">
<div class="head centerPosition noPrint">
Report header
</div>
<div class="content" style="margin: 0px;">
<div id="report" style="margin-top: 10px;">
report content
</div>
</div>
<div class="foot noPrint">
Report footer
</div>
</div>
</td>
</tr>
</tbody>
</table>
标题部分
报表标题
报告内容
报表页脚
CSS
<style media="print">
body
{
background-color:#FFFFFF;
margin: 0px; /* this affects the margin on the content before sending to printer */
width: 100%;
}
#site_header, #site_footer, .noPrint
{
visibility: hidden;
display: none;
height: 0px !important;
overflow: hidden !important;
}
#report .content
{
width: 100%; margin: 0px; float: none;
background: transparent;
}
#report {
background-color: white;
width: 100%;
}
</style>
身体
{
背景色:#FFFFFF;
边距:0px;/*这会在发送到打印机之前影响内容的边距*/
宽度:100%;
}
#站点页眉,#站点页脚,.noPrint
{
可见性:隐藏;
显示:无;
高度:0px!重要;
溢出:隐藏!重要;
}
#报告.内容
{
宽度:100%;边距:0px;浮动:无;
背景:透明;
}
#报告{
背景色:白色;
宽度:100%;
}
打印任何报告后,该报告在纸上的比例会缩小。
如果有人知道如何解决这个问题,请帮助我。我曾尝试在谷歌上搜索,但没有一个建议是有效的
先谢谢你。。。
我的猜测(因为我现在无法测试)是,您还需要在上面的每个容器上声明
宽度:100%
,report.content(从您提供的HTML来看,它看起来像#reportView
和表
和td
,其中包含了所有内容,但可能还有更多)。否则,它将折叠为其内容宽度,这是表格单元格的默认行为。强制性问题:您是否意外取消缩放?您是否有活动页面要测试?此项目是活动的,抱歉,但不公开