html媒体打印纵向和横向混合

我有一个用例，我想打印纵向的第一页，但横向的所有其他页面我都有这个html代码

这是媒体打印css

@media print {
            @page {
                size: A4 landscape;
            }
            @page deliverypage {
                size: A4 portrait;
                margin: 15mm 15mm 15mm 15mm;
                box-sizing: border-box;
                /*
            @top-center { content: element( theheader ); }
            @bottom-center { content: element( thefooter ); }
            */
            }
            @page legalpage {
                size: A4 landscape;
                margin: 15mm 15mm 15mm 15mm;
                box-sizing: border-box;
                /*
            @top-center { content: element( theheader ); }
            @bottom-center { content: element( thefooter ); }
            */
            }
            @page mainpage {
                size: A4 landscape;
                margin: 15mm 15mm 15mm 15mm;
                box-sizing: border-box;
                max-height: 150mm;

                /*
            @top-center { content: element( theheader ); }
            @bottom-center { content: element( thefooter ); }
            */
            }
            html,
            body {
                height: auto;
                /* min-height: 100%; */
                display: block;
                zoom: 100%;
            }
            header.trackem-header {
                position: fixed;
                top: 0;
                width: calc(100% - 2em);
            }
            footer.trackem-footer {
                position: fixed;
                bottom: 0;
                width: calc(100% - 2em);
            }
            .placeholder-for-common-header {
                display: block;
            }
            .placeholder-for-common-footer {
                display: block;
            }
            .delivery-info-table {
                page: deliverypage;
                margin: 0;
                width: 100%;
            }
            .items-info-table {
                page: mainpage;
                page-break-before: always;
                margin: 0;
                width: 100%;
                height:100%;
                /*
                min-width: 260mm !important;
                background-color: red;
                overflow-x: visible;
                */
            }
            .legal-info-table {
                page: legalpage;
                page-break-before: always;
                margin: 0;
                width: 100%;
            }
            tbody {
                page-break-inside: avoid;
            }
            thead {
                display: table-header-group;
                page-break-inside: avoid;
            }
            tfoot {
                display: table-row-group;
            }
            tr {
                page-break-inside: avoid;
                page-break-after: auto !important;
            }
            .maintable>tbody {
                page-break-inside: auto !important;
            }
            .maintable>tbody>tr {
                page-break-inside: avoid !important;
                page-break-before: auto !important;
                page-break-after: auto !important;
            }
            .trackem-footer {
                page-break-inside: avoid;
            }
            .items-info-table>tbody {
                page-break-inside: auto !important;
            }
            .items-info-table>tbody>tr {
                page-break-inside: avoid !important;
                page-break-before: auto !important;
                page-break-after: auto !important;
            }
            .items-info-table>tbody>tr:nth-of-type(7n) {
                page-break-after: always !important;
            }
        }

当我打印内容时，结果是这样的

如果我手动更改内容的宽度，内容将不适合页面，它将位于空白处。有人知道我如何克服这个问题吗？谢谢