为什么不定位：修复在Safari浏览器中使用media print css在打印预览中的每个页面上添加页脚

Question

我已使用媒体查询添加了下面的页脚css。它在除Safari之外的每个浏览器上都能正常工作。

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

}

请帮帮我。感谢

Answer 1

你需要在视口中拉伸你的身体 身体{身高：100％; } ||身体{身高：100vh; }

此外，您处于@print媒体配置中，因此无法在屏幕替换||上工作删除它