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

时间:2014-10-07 16:52:54

标签: ios css ipad mobile-safari

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

@page {
    margin: 0.5cm;
}

此外:

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

body 
{
    margin: 0px;  
}

然后我继续尝试找到一些关于iOS safari是否支持@page指令的文档,但我发现的所有内容都是2009年的一个问题,表示safari一般不支持它,我的理解不再是这样,常规的野生动物园确实支持它。

那么,有可能吗?我在@page做错了导致它忽略保证金吗?或者iPad的safari是否只是忽略了通过css改变边距的任何尝试?

1 个答案:

答案 0 :(得分:3)

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

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