Safari移动忽略媒体打印样式

Question

我上面有文章页面和打印按钮，如果尝试打印此页面，我会发现页面的页边距与我在样式中指示的内容不一致，图像和文本被切成两半（尽管有分页符样式）。在Android设备上未发现此情况。

我将页面大小更改为“字母”，我使用page-break-before：auto; page-break-after：自动; break-inside：避免; display：阻止图像和文本（p，li，pre）

@media print {
    @page {
        size: A4;
        margin:10mm;
    }

    img {
        page-break-before: auto;
        page-break-after: auto;
        -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
        display: block;
    }
}
@media (max-width: 480px) and (min-width: 320px) and (orientation: portrait) {
    @page { size: letter;}
}