javascript - Set margins on print - @media print not working

Question

When I load my page I set the margin of the container div with Javascript to avoid that the page 'jumps' when the scrollbar shows. Hence, the default value is auto - but the actual value is defined with JS

However, when I then want to print the page, I would like the margins to be set back to auto (or some chosen value)

I have tried with:

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

And with an independent style sheet for media="print" with:

.container { margin: 0px; }

Answer 1

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

media="print"在你的样式表中试试这个：

.container { 
    margin: 0px !important; 
}

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