Html 用元素填充页面以打印到页边距

我试图用设置为

100vh

和

100vw

的

填充要打印的页面（在相对视口高度和宽度上）

我希望页面（和视口）用带有红色边框的灰色矩形填充到边距

测试

• 铬（85.0.4183.102）
• 边缘（44.18362.449.0）
• Firefox（80.0.1）

铬：

• 屏幕：好的
• 打印预览：确定
• 打印（PDF）：好的

边缘：

• 屏幕：无底部边框
• 打印预览：确定
• 打印：好的

火狐：

• 屏幕：无底部边框
• 打印预览：一页右侧有红色矩形截断，无法填充页面（约3/4）
• 打印（至PDF打印机）：两页，右侧截断

启用“收缩以适应”会导致打印预览中出现空白页面，打印的是宽度和高度约为2/3的矩形。 打印到A4，边距为零，100%，预览看起来像是FF混淆了横向和纵向，并在右侧截断，但“打印”几乎正确，在红线和页面底边之间只有一个微小的间隙

看起来Firefox的利润空间被打破了，这可能与此有关

但在我打开另一个bug报告之前，有人能确认我的CSS方法是正确的吗？有没有其他方法/解决方法可以让它在所有当前浏览器中都起作用

html，
身体，
#试验{
保证金：0；
填充：0；
}
#试验{
框大小：边框框；
高度：100vh；
宽度：100vw；
边框：1px纯红；
背景：灰色；
}

---

这是Firefox的问题。计划于2020年9月22日发布的81版对这种情况有更好的支持。

和中有大量错误报告