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

Javascript 对于不支持@page size的浏览器,是否可以选择它?,javascript,html,css,Javascript,Html,Css,主要在Chrome中开发,如预期的那样,类似于以下作品: @media print { @page { size: letter portait; margin: 0in; } } 尽管CanIUse.com说Firefox不兼容,但目前它似乎对我来说运行良好: 然而,Edge、IE和Safari并不像CanIUse说的那样工作 实现同样目标的替代方案是什么?可能会执行以下操作: @media print { body { width: 8.5in;

主要在Chrome中开发,如预期的那样,类似于以下作品:

@media print {
  @page {
    size: letter portait;
    margin: 0in; 
  }
}
尽管CanIUse.com说Firefox不兼容,但目前它似乎对我来说运行良好:

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

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

@media print {
  body {
    width: 8.5in;
    height: 11in;
    margin: 0in; 
  }
}

你的建议基本上是可行的。实际上,我建议您只编写样式而不使用@page,因为对它的支持仍然非常有限。编写一个在所有浏览器中都能运行的@media打印查询要比尝试使用一个版本的@page然后使用回退更容易

如果要预览打印介质的样式,而不必不断单击“打印”按钮,只需单击。一开始需要一些尝试和错误

此外,对于0值属性,不需要包含单位。边距:0就足够了