3

PDFドキュメントをhtmlコードに埋め込もうとしていて、3つの異なるアプローチを試しましたが、実際には同じ結果が得られました:

<embed src="files/cv_aaragon_en.pdf" width="100%" height="100%">

<object data="files/cv_aaragon_en.pdf" type="application/pdf" width="100%" height="100%">
  <p>It appears you don't have a PDF plugin for this browser.
     No problem, you can still <a href="files/cv_aaragon_en.pdf">download the PDF file.</a></p>
</object>

<iframe src="files/cv_aaragon_en.pdf" width="100%" height="100%">

図に示す:

ここに画像の説明を入力

今、私は次の質問があります:

  1. 灰色の領域の両側に多くの空白があるため、フレームはページの幅全体を使用しません (これは正常だと思います)。これは気にしません。
  2. 定義が width="100%" に設定されている場合、なぜ全幅を取らないのですか? 灰色の領域があるのはなぜですか?読みやすいようにpdfを大きくする必要があるため、これは気になります。
  3. 幅を変更することはできますが、デバイスに関係なくページが適切に表示されるように、その値をハードコーディングしたくありません。実際の幅を取得してその幅の定義に入れる方法はありますか?
  4. 高さと同じで、もっと大きくする必要がありますが、その値をハードコーディングしたくありません。これはどのように行われますか?
  5. そして最後に、上記の 3 つのアプローチを考えると、読み込み速度の点で最も優れているのはどれですか?

ありがとうございました。

4

1 に答える 1