thead不会为chrome中的每个打印页面重复

Question

对于第一页，它看起来不错，但可以看到溢出，如图所示。第二页无法显示标题。 突出显示的位置应显示为标题。

有什么问题？

 html{
        height: auto;

    }
    @page {
        size: a4;
        margin: 15px 10px 10px 10px;
    }

    body{
        font-family: Verdana;
    }

    .container{
        width: auto;
        height: auto;
        overflow: visible;

    }
table {
            -webkit-print-color-adjust: exact;
            margin-top: 20px;
            width: 100%;
            border-collapse: collapse;
            --max-font: 11;
            --min-font: 7;
            --responsive: calc((var(--min-font) * 1pt) + (var(--max-font) - var(--min-font)) * ((100vw - 420pt) / (1200 - 420)));
            font-size: var(--responsive);
        }


// html

<table>
     <thead>
         <tr><th>.....<th><tr>
     </thead>
     <tbody><tr><td>....</td></tr></tbody>
</table>

Answer 1

请查看https://www.smashingmagazine.com/2011/11/how-to-set-up-a-print-style-sheet/了解详情。