@media打印不尊重Safari。在Firefox中工作正常

Question

使用案例：我使用Air print从iOS设备打印html文档。

问题：我想添加用于打印页面的分页器。我能够使用媒体打印标签，它适用于Firefox，但不能使其适用于safari（因为UIWebView for iOS中的内置浏览器是safari）。请帮忙解决这个问题。

编辑：分页符正常运行。但真正的问题是我们无法使用标签“table-header-group”对标题进行分组。这是在每个页面中显示表头的必要条件。

我尝试了什么？

 <style type="text/css">
@media print
{
  table { page-break-after:auto }
  tr    { page-break-inside:avoid; page-break-after:auto }
  td    { page-break-inside:avoid; page-break-after:auto }
  thead { display:table-header-group }
  tfoot { display:table-footer-group }
}
</style>

<table border="1" cellpadding="2" cellspacing="0">
    <thead>
        <tr>
            <th>ID</th>
            <th>First Name</th>
            <th>Last Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr> ....


        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

实际结果，如在safari中  

预期结果，如在Firefox中

Answer 1

看起来这是一个webkit错误：https://bugs.webkit.org/show_bug.cgi?id=17205

以上可能也不适用于Google crome。