代码之家  ›  专栏  ›  技术社区  ›  strumpy_strudel

对于不支持@page size的浏览器,可以选择它吗?

  •  0
  • strumpy_strudel  · 技术社区  · 7 年前

    主要在铬和类似以下预期的作品中发展:

    @media print {
      @page {
        size: letter portait;
        margin: 0in; 
      }
    }
    

    尽管CanIUse.com说Firefox不兼容,但它目前似乎对我来说运行良好:

    https://caniuse.com/#search=%40page

    然而,Edge,IE和Safari并不像CanIUse说的那样工作。

    实现同样目标的替代方案是什么?可能会执行以下操作:

    @media print {
      body {
        width: 8.5in;
        height: 11in;
        margin: 0in; 
      }
    }
    
    1 回复  |  直到 7 年前
        1
  •  1
  •   brianespinosa    7 年前

    你的建议基本上行得通。我建议你只写你的风格而不使用 @page 因为对它的支持仍然相当有限。写单曲 @media print 在所有浏览器中工作相同的查询将比使用一个版本更容易 @页码 然后是退路。

    如果要预览打印介质的样式而不必不断单击“打印”按钮,只需 use your browser's developer tools to test the media you are testing

    另外,对于 0 值属性,则不需要包含单位。 margin: 0 足够了。