打印没有母版页的内容页面适合纸张

Question

我需要打印出没有母版页的内容页面。为此，我使用以下代码：

<style>
    @media print{
        @page {size: landscape}

        .noPrint {
            display: none;            
        }

        .yesPrint {
            display: block !important;            
        }
    }
</style>

然后我将类“noPrint”设置为左侧和顶部导航栏。当我尝试打印页面时，导航栏将按预期进行尿布，但它们的空白区域仍保留在页面顶部和左侧，如图所示here。

我需要打印100％宽度的纸张（A4）的内容页面，即使我尝试从具有响应视图的手机打印出来。

Answer 1

@Mick Feller

这是我在母版页中所做的

    <!--left-fixed -navigation-->
    <div class="sidebar noPrint" role="navigation">
        <div class="navbar-collapse">
            <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">   
                <ul class="nav" id="side-menu">
                   <asp:TreeView ID="MenuTree" runat="server" ViewStateMode="Enabled" BeforeCollapse="MenuTree_TreeNodeCollapsed" BeforeExpand="MenuTree_TreeNodeExpanded">                      
                   </asp:TreeView> 

                </ul>
            </nav>
        </div>
    </div>
    <!--left-fixed -navigation-->
    <!-- header-starts -->
    <div class="sticky-header header-section noPrint">
        <div class="header-left">
            <!--toggle button start-->
            <button id="showLeftPush"><i class="fa fa-bars"></i></button>
            <!--toggle button end-->
        </div>
    </div>