Javascript 对于不支持@page size的浏览器,是否可以选择它?
主要在Chrome中开发,如预期的那样,类似于以下作品: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;
@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就足够了