@page css规则替代safari

问题描述 投票:1回答:1

如何在safari中使用这些规则的写入替代方案?我正在使用angularPrint指令为我的一些页面添加打印功能,它为我的文档添加了一些辅助classes并使用@page指令,除了safari之外,所有浏览器都能正常工作,我发现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;
  }
html css printing safari media-queries
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.