4

複数のページにまたがる IFRAME を含む HTML ページを印刷できるかどうかを知りたいです。何らかの理由で、ブラウザーは最初のページの後に IFRAME を切り捨て続けます。上記の問題を示す最小限の例を次に示します。最初に、印刷用に最適化する必要がある IFRAME を含む単純な HTML ページを次に示します。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>TEST</title>

    <style>
        html, body {
            height: 100%;
        }

        iframe {
            width: 100%;
            height: 100%;
        }
    </style>

  </head>
  <body>
    <iframe src="iframe-content.html">
    </iframe>
  </body>
</html>

そして、ここに埋め込みたいページがあります：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>TEST-CONTENT</title>

  </head>
  <body>
    <p>
      Some very, very long text spawning multiple pages.
    </p>
  </body>
</html>

JavaScript の使用はオプションではありません。CSS のみを使用するソリューションを探しています。どんな助けでも大歓迎です。

4

3 に答える 3

0

CSS ソリューションのみ - iframe 幅を静的サイズに設定する必要があります。A4 縦の場合、幅の値は 670 ピクセル近くになります。横向き印刷の場合、値は別になります。 

iframe {
    width: 670px;
}

クロムブラウザでの作業。

于 2015-03-26T11:11:07.110 に答える