問題タブ [print-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - HTML div ブロックをページの下部に 1 回印刷し、前の要素と重なった場合に次のページにジャンプするにはどうすればよいですか?
要素をページの下部に配置するように要素を印刷する方法はdiv
ありますが、フッターではなく、印刷するページがいくつあっても一度だけ印刷されます (フッターとして設定した場合)どうやらすべてのページに自分自身を印刷し始めたようです)
また、ページに印刷するのに十分なスペースがない場合は、2 ページ目にジャンプします。
それは何ですか
テーブルの凡例である div ブロックがあります。テーブルのフィールドについて詳しく説明します。
これまでに試したこと
私は固定フッターアプローチを試しました:
どういうわけか、必要な最初のページだけでなく、すべてのページに凡例を印刷し始めました。また、テーブルが長すぎると、凡例と重なってしまいます。それは望ましくありません。どうすればよいかわかりません。
css - print.css は、ブラウザーごとに異なって見えます
ユーザーが印刷できるページがあります。しかし、印刷は特定の要素だけをすべて印刷することを想定していません。
だから私はそれを処理するprint.cssファイルを持っています:
Chrome バージョン 79.0.3945.88 を搭載した Ubuntu マシンで開発しています。だから私がクリックすると、Ctrl + P
すべてがうまく見えます。
しかし、Chrome バージョン 80.0.3987.163 を展開して Windows マシンから確認すると、形式がすべて間違っています。フォント サイズが大きすぎて、印刷ページに半分しか表示されません。
22px
代わりにフォントサイズなどの設定値を使用してみました2.5em
が、何も変わりませんでした。実際、詳細設定に移動し、スケールを「デフォルト」から「カスタム 60%」に設定する必要があります。これにより、印刷ページが開発マシンの印刷ページのように見えます。
なぜ違いがあるのですか?% と em を使用しているので、どこでも同じように見えるはずだと思いましたか?