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ルールを指定しない限り、インラインスタイルはスタイルシートよりも優先されます。