为什么不定位：修复了在Safari浏览器中使用媒体打印CSS在打印预览的每个页面上添加页脚的问题

Question

我使用媒体查询在页脚css下方添加了内容。 在除Safari之外的所有浏览器上都可以正常工作。

@media print {
footer{
       position:fixed;
        width: 100%;
        right:0;
        bottom:0;
        display:block;
}

}

请帮我 。 谢谢

Answer 1

您需要在视口中按身体拉伸身体{高度：100％； } || 身体{高度：100vh； }

此外，您处于@print介质配置，因此在屏幕替换||上无法使用。 去掉它