問題タブ [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.

0 投票する
1 に答える
90 参照

html - HTML div ブロックをページの下部に 1 回印刷し、前の要素と重なった場合に次のページにジャンプするにはどうすればよいですか?

要素をページの下部に配置するように要素を印刷する方法はdivありますが、フッターではなく、印刷するページがいくつあっても一度だけ印刷されます (フッターとして設定した場合)どうやらすべてのページに自分自身を印刷し始めたようです)

また、ページに印刷するのに十分なスペースがない場合は、2 ページ目にジャンプします。

それは何ですか

テーブルの凡例である div ブロックがあります。テーブルのフィールドについて詳しく説明します。

ここに画像の説明を入力

これまでに試したこと

私は固定フッターアプローチを試しました:

どういうわけか、必要な最初のページだけでなく、すべてのページに凡例を印刷し始めました。また、テーブルが長すぎると、凡例と重なってしまいます。それは望ましくありません。どうすればよいかわかりません。

0 投票する
1 に答える
15 参照

css - print.css は、ブラウザーごとに異なって見えます

ユーザーが印刷できるページがあります。しかし、印刷は特定の要素だけをすべて印刷することを想定していません。

だから私はそれを処理するprint.cssファイルを持っています:

Chrome バージョン 79.0.3945.88 を搭載した Ubuntu マシンで開発しています。だから私がクリックすると、Ctrl + Pすべてがうまく見えます。

しかし、Chrome バージョン 80.0.3987.163 を展開して Windows マシンから確認すると、形式がすべて間違っています。フォント サイズが大きすぎて、印刷ページに半分しか表示されません。

22px代わりにフォントサイズなどの設定値を使用してみました2.5emが、何も変わりませんでした。実際、詳細設定に移動し、スケールを「デフォルト」から「カスタム 60%」に設定する必要があります。これにより、印刷ページが開発マシンの印刷ページのように見えます。

なぜ違いがあるのですか?% と em を使用しているので、どこでも同じように見えるはずだと思いましたか?