IE 10打印似乎按比例缩小

Question

我有执行报告打印的Web应用程序。 我的代码看起来像这样＆amp;它运作正常。

HTML

<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>

在我打印任何报告后，报告会在纸上缩小。 如果有人知道如何解决这个问题，请帮助我。我试图在谷歌搜索，但没有任何建议是有效的。

提前致谢...

Answer 1

我的猜测（因为我现在无法测试）是您还需要在width:100%上方的每个容器上声明#report .content（来自您提供的HTML，它看起来像#reportView以及包含它的table和td，但可能还有更多）。否则它将折叠到它的内容宽度，这是表格单元格的默认行为。