<embed width="100%" height="100%" src="filename.pdf" type="application/pdf">
上記の簡単なコードを使用して、PDFファイルをWebページに埋め込むことができます。しかし、(CTRL + Pを使用して)Webページを印刷しようとすると、中心がずれているため、PDFの半分だけが印刷プレビューに表示されます。同じことがこのWebページでも起こります:http://pdfobject.com/examples/simplest-full-window.html。
埋め込まれたPDFが印刷時に中央に配置される「印刷バージョン」Webページの例を次に示します(CTRL + P):http ://www.bbc.co.uk/food/recipes/our_paella_92328.pdf 。この例もレスポンシブです。これは、ブラウザウィンドウのサイズに関係なく、印刷の外観が一貫しているため便利です。
まず、印刷時に埋め込まれたPDFを中央に配置するにはどうすればよいですか?次に、埋め込まれたPDFをレスポンシブにするにはどうすればよいですか?