javascript - 设置打印边距 - @media 打印不工作

Question

当我加载我的页面时，我使用 Javascript 设置容器 div 的边距，以避免页面在滚动条显示时“跳跃”。因此，默认值是 auto - 但实际值​​是用 JS 定义的

但是，当我想打印页面时，我希望将页边距设置回自动(或某个选定的值)

我试过:

@media print { .container { margin: 0px; }}
@page { .container { margin: 0mm 0mm 0mm 0mm; }}

还有一个独立的 media="print"样式表:

.container { margin: 0px; }

Answer 1

所以你想覆盖 JavaScript 设置的内联样式？

在您的 media="print" 样式表中试试这个:

.container { 
    margin: 0px !important; 
}

除非您指定 !important 规则，否则内联样式优先于样式表。