-2

FirefoxでJavaScriptを使用して印刷オプションを使用することについて疑問に思っています。

印刷リンクのあるページがあります。

<a href="javascript:print()">print</a>

また、Javascriptの印刷ボタンページについての指示に従いました。

問題は、Firefoxでページを印刷しようとすると、コンテンツが欠落している4ページのPDFプレビューが表示されることです。

  • 最初のページは空です、
  • 2番目は、3番目のページにあるはずのコンテンツから始まります。
  • 3ページ目と4ページ目は空です

Chromeを使ってみましたが、期待どおりに動作します。

何か案は?

4

2 に答える 2

5

一貫した印刷動作を実現する最良の方法は、印刷スタイルシートを使用することです。これは、ブラウザがその点で大きく異なるため、どのコンテンツをどのように印刷するかを正確に定義します。一部のブラウザでは、特定のマークアップ(フロート要素など)に問題があります。

印刷スタイルシートに関する非常に優れた記事をAListApartで見つけることができます。これは、非常に役立つはずです。

確かに、新しい良い記事が他にもあるかもしれませんが、このALAの記事は非常に基本的であるため、10年経っても読む価値があります。これは、Webコンテンツの石のようなものです;)

于 2012-12-10T10:19:37.723 に答える
1

これはすべて、Firefoxがさまざまなコンテナスタイルを処理できないためです。UIkitを使用し、CSSファイルに次のコードを追加して問題を修正しました。

@media print
{   
    .uk-grid {
        display: inline !important
    }
}

使用するクラスに「display:inline!important」を設定することをお勧めします。

于 2019-11-13T19:20:11.400 に答える