ios - 使用 css 从 iPad safari 打印时如何删除或减少边距？

Question

我试图在从 iPad 打印网页时删除或至少减少页边距。我尝试了各种形式的 @Page 指令，如 MDN 所示, 但它没有效果。尝试示例:

@page {
    margin: 0.5cm;
}

还有:

@page 
{
    size: auto;   
    margin: 0mm;  
}

body 
{
    margin: 0px;  
}

然后我继续尝试查找一些关于 iOS safari 是否支持 @page 指令的文档，但我发现的只是 2009 年的一个 SO 问题，说 safari 通常不支持它，根据我的理解，情况已不再如此，而且常规的 safari 确实支持它。

那么，这可能吗？我对 @page 做错了什么导致它忽略边距吗？还是 iPad 版 safari 会忽略任何通过 css 更改边距的尝试？

Answer 1

不幸的是，看起来您想要实现的目标是不可能的。Safari CSS Reference仅列出对 Paged Media 的基本支持，并且缺少对 size 属性的支持。因此，Safari(桌面和移动)不支持在 @page 规则中应用边距或大小属性。

关于使用模拟器进行打印，我还使用适用于 iOS 8 的 Safari Mobile 进行了一些额外的测试。我能够确认此时无法修改页边距或删除打印页脚。