問題タブ [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 投票する
2 に答える
16000 参照

javascript - CSS: 印刷プレビュー Chrome のヘッダーとフッターを無効にする

私のアプリケーションの 1 つは、Web ベースの POS (Point Of Sale) です。そのため、クロムで請求書を印刷しています。ページヘッダーとページフッターがブラウザーによって自動的に挿入され、ユーザーの介入なしでページを介して抑制したい..

私はいくつかのCSSを print-mediaに適用しました。

しかし、それは適用されていません。おそらくセレクターが正しくありませんか?

また、余白も減らしてみましたが、印刷に複数のページがある場合は、ページの内容を切り取ったり上書きしたりしました..そしてもう1つ、クロムの印刷プレビューオプションを無効にしたくありません..

これに対する良い解決策はありますか?

よろしくお願いします..

0 投票する
0 に答える
548 参照

asp.net - ASP.Net 印刷用ページ

みなさん、おはよう、

Web ページをプリンターに適したものにしようとしています。別のスタイル シートを使用することで、ページの 1 つでこれを完全に完了することができました。これを参照するのは私のマスター ページです。

私が抱えている問題は、印刷に適したオプションを保持したいメイン ページが ASP で構成されていることです。パネル コントロールとこれらにも 1 つまたは 2 つのサブパネルがあります。これらのパネルを使用して、混乱とスクロールを減らしました。

関連するdivタグをメインページに追加すると、これらのパネルのヘッ​​ダーのみを取得し、サブヘッダーまたはこれらのパネル内のコンテンツを取得しないようです。印刷用のボタンをクリックする前にこれらのパネルを折りたたまない限り。

これはユーザーに完了してもらいたいタスクではありません。また、パネル/ボックスを削除したいので、印刷に適したページがひどく見えます。このページをフォーマットして、パネルを表示せず、ユーザーがピンター フレンドリー ボタンを押したときにコンテンツだけを表示する方法はありますか?

よろしくベティ。

これが私の折りたたみ可能なパネルのサンプルコードです...

0 投票する
3 に答える
11585 参照

html - 印刷プレビューで画像のサイズが変更される

Web ページに複数の画像 (背景画像ではない) があります。印刷プレビューを 100% の縮尺で表示すると、画像はきれいに見えますが、縮尺に合わせて縮小して印刷プレビューを実行すると、すべての画像が表示されるという問題があります。実際のサイズよりも小さい。IMG タグに幅または高さの属性を指定していないため、印刷プレビューでは画面に表示されるとおりに読み込まれると想定しています。IMG の印刷メディアに以下の CSS を使用しましたが、機能しませんでした

シュリンクで同じ画像サイズが収まり、100% スケールされることを期待しています。

これは可能ですか?print cssに何か不足していますか? ご意見をお聞かせください。

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

html - 印刷プレビュー IE および Firefox での画像の周囲の白い境界線

Firefox および IE では、印刷プレビュー中に画像の周囲に境界線が表示されます。これは 2 つの div を持つシンプルなページで、各 div には幅 400px の画像が 1 つ含まれ、コンテナー div は 800px です。印刷プレビューを行っているときに得られる 2 つの画像の間に白い境界線が入りたくないのです。ここで間違っていることはありますか?? (クロムでは白い枠は表示されません。)

このコードを print css でも試しましたが、うまくいきませんでした..

コードは次のとおりです。

ここに画像の説明を入力

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

razor - スタイルにmedia=printを使用してビューからPDFを生成する方法

stackoverflowまたは他のフォーラムの質問のほとんどは、ビューを生成して電子メールで送信する方法を示しています。

しかし、私の目標は、そのmedia=print形式のビューからPDFを生成し、添付ファイルとして電子メールで送信することです。

レポートを表示するビューがあります。CSS Printを使用して、このレポートを印刷形式で表示しています。(基本的に、いくつかの要素を表示し、他の要素を非表示にします)。

media=printこのビュー(フォーマット付き)からPDFを生成し、添付の電子メールで送信するにはどうすればよいですか。

ActionMailerを使用してメールを送信し、iTextSharpを使用してPDFを生成しています

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

css - 印刷物に該当するメディアのみで Web サイトを表示する方法は?

印刷で適切に動作するようにサイトのページをセットアップしようとしていますが、問題は、テストするためにファイルに印刷し続ける必要があることです。

私が望むのは、印刷されるページを表示する方法があればです。

これは可能ですか?(クロム)。

0 投票する
5 に答える
99521 参照

html - ChromeからHTMLページを一定のサイズで印刷するにはどうすればよいですか?

印刷するHTMLページのセットを設計していますが、ページの要素を互いに同じ縮尺で表示したいと考えています。たとえば、幅が200pxと定義されているdivのクラスが、いくつかのページのそれぞれに表示されます。各ページを印刷するときに正確に同じサイズで表示されるようにします(たとえば、切り取りやスーパーインポーズに適しています)。

Chromeで最適に機能するものをいくつか使用しています(主にCSSズームルールを使用して、要素のコピーを他の場所に小さくしています)。理想的には、Chromeを使い続けたいと思います。(Firefoxでは、印刷ダイアログに明示的な縮尺比があるため、これは簡単です。)しかし、Chromeでは、異なるページから印刷するときに同じ要素を一定のサイズに保つのは簡単ではないようです。

ChromeのPDF生成(Chromeからの印刷が内部で行うこと)は、ページの幅を定義するためにいくつかのセクションを選択し、それに基づいてページの残りの部分を拡大縮小するように見えます。または、1ページの「最適な」要素数に合うようにページサイズを設定しようとする場合もあります。各ページの外側のフレーミング要素がすべての場合で同じサイズではない場合、画面サイズが200pxの要素は、3〜4 cmから1.5〜2cm、またはそれよりも小さいサイズで表示される可能性があります。

使用するだけ@page sizeでは役に立ちません。私はこのCSSを持っていますが、違いはありません。

一貫したサイズで物を印刷する方法について誰かが考えていますか?

私が適用できる極端な回避策の1つは、それらを1つの大きなHTMLページのすべての部分にし、Javascriptを使用して、特定の部分を印刷する唯一の部分としてマークすることです...それが機能するかどうかさえわかりません。 dいくつかの異なるページで物事を鋭敏にするために、かなりクリーンになります。それで、他に何かアイデアはありますか?

0 投票する
2 に答える
8962 参照

html - Chrome: 印刷プレビューはシミュレートされた CSS メディア印刷とは異なります

Chrome 26 でページを印刷すると、テーブルが灰色の背景色で表示されるという問題が発生します。

シミュレートされた CSS メディア印刷を使用してクロムでページを表示すると、問題なく表示されます

ブラウザで

印刷時

Safari で印刷すると、すべて正常に動作します。誰でもこの問題を修正する方法を知っていますか?

0 投票する
4 に答える
1037 参照

pdf - ページに含まれるpdfでCSSを印刷する

私はアイテムに関する多くの情報を持っているページを持っており、その下に小さな「スペックPDFをダウンロード」ボタンがあります。それをクリックすると、pdf が個別に開きます。これは、Web バージョンに必要なすべてです。

しかし、私は現在印刷CSSに取り組んでおり、私の目標は、同じ印刷ファイルに含まれるその下のpdfとともに情報を表示する印刷CSSをここに作成することです。

自分のページに PDF を埋め込むことはできますか (print css のみ)? <object>またはタグを使用してみましembedたが、これは印刷 CSS にまったく表示されないようです。

更新: を使用して pdf を表示iframeできましたが、iframe の高さを pdf の高さに設定できません。PDFは動的であるため、設定された高さではありません。iframe でのファイルのダウンロードでは onload イベントが発生しないため、jQuery を介して高さを動的に更新することは不可能であることが証明されています。誰かが私が解決策を見つけるのを手伝ってくれるなら、私はとても感謝しています.

前もって感謝します。

0 投票する
2 に答える
827 参照

css - 印刷物でブートストラップ 3 の見栄えを良くすることはできません

ブートストラップ 3 で印刷する必要がありますが、見栄えを良くすることはできません。修正方法はありますか?

これがどうあるべきか

ここに画像の説明を入力

現在、このように見えます

ここに画像の説明を入力

これは私のコードです