@page margin设置仅适用于Google Chrome

时间:2011-06-14 19:24:14

标签: javascript css printing

我正在尝试覆盖用户的默认页面设置边距。我需要它们打印的文档需要保留边距。经过TONS的观察,我找到了以下内容,并且它在Google Chrome中工作:

@page{
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

当我在Chrome中将其打印为PDF时,它会打印一个边缘几乎没有边距的文档。但是,当我在FF4和IE9中执行完全相同的操作时,它会打印一个具有较大默认边距的文档。

有关如何使这项工作适用于IE9和FF的任何想法吗?据说@page CSS的东西是CSS2.1规范的一部分,IE8及其后的所有浏览器都支持它。所以,我不确定为什么它不能用于这些部分,以及为什么Chrome是唯一拥有它的浏览器。

1 个答案:

答案 0 :(得分:2)

不要使用px

  

页面上下文没有字体概念,因此不允许使用'em'和'ex'单位。边距属性的百分比值是相对于页面框的尺寸的;对于左边距和右边距,它们指的是页面框的宽度,而对于顶部和底部边距,它们指的是页面框的高度。允许与相应CSS 2.1属性关联的所有其他单元。

Specs