@page css规则替代safari

时间:2017-12-27 08:09:51

标签: html css printing safari media-queries

如何在safari中使用这些规则的写入替代方案? 我正在使用angularPrint指令为我的某些页面添加打印功能,这为我的文档添加了一些助手classes并使用@page指令,所有浏览器都可以正常工作,除了{{ 3}},我发现safari不支持这些规则,所以我正在寻找这些规则的替代方案。有什么建议吗?

 @page {
    margin: 0cm;
    /*size: A4 landscape;*/
  }

  @page :first {
    margin-top: 0cm;
  }

  @page :left {
    margin-left: 0cm;
    margin-right: 0cm;
  }

  @page :right {
    margin-left: 0cm;
    margin-right: 0cm;
  }

1 个答案:

答案 0 :(得分:0)

尝试使用以下内容。

@page {
    margin: 2in;    /* default for all pages */
}
@page :left {
    margin: 1in;    /* margin on left page */
}
@page :right {
    margin: 3in;    /* margin on right page */
}
@page :first {
    margin-top: 5in;    /* top margin on first page */
}

根据链接https://www.tutorialrepublic.com/css-reference/css-page-rule.php