收缩以适合整个A4页面宽度

时间:2018-01-30 11:12:54

标签: html css

我有一个HTML文件,其中“页面”部分的编码如下:

   @page { margin: 2% 0% 0% 2%;}
     .page {    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 0px; BORDER-BOTTOM: 0px;}
        .pageBreak{ page-break-before: always;position:relative; WIDTH: 0px; } 
         .page1 { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 675px; HEIGHT:900px; BORDER-BOTTOM: 0px;} 


<table class="page1">
    <tr>
        <td colspan="2">

            <div
                style="z-index: 10; top: 10px; left: 14px; width: 730px; height: 1015px; border-color: #000000; border-style: solid; border-width: 1px;">
                <table width="730px" height="1015px">
                    <tr>
                        <td>&#160;</td>
                    </tr>
                </table>
            </div>
             //some code here......
</table>

<table class="page">
    <tr>
        <td colspan="2">

            <div
                style="z-index: 10; top: 10px; left: 14px; width: 730px; height: 1015px; border-color: #000000; border-style: solid; border-width: 1px;">
                <table width="730px" height="1015px">
                    <tr>
                        <td>&#160;</td>
                    </tr>
                </table>
            </div> 
             //some code here......
</table>

我们的客户要求是当选择打印选项为“收缩适合”时,打印预览和打印显示的页面不适合A4尺寸的宽度和高度。它会留下很多空间在右边界和底部。因此,请建议可以满足要求,即选择“收缩适合”页面应该导致页面占据整张A4纸张的90%而另外10%用于边框。对于IE和FF的所有浏览器版本都会出现此问题。 Chrome不在我们的范围内。

0 个答案:

没有答案