
webサイトを運営していると、ちょくちょく資料やチラシなどのPDFへリンクを設置する場合が出てくる。
その際、元のサイズが小さかったり(大きかったり)すると、上手く画面に収まらないケースがある。
リンク先のPDFの表示サイズを指定するやり方をご紹介
例1)200%で表示させたい場合
webサイトでPDFリンクを設置すると、通常はブラウザのビューワーで開かれます。 PDFの表示倍率を 200% にするには、URLの末尾に以下のクエリパラメータを追加します。
<a href="https://example.com/sample.pdf#zoom=200" target="_blank">PDFを開く</a>
今回は200%なので、URL末尾に「#zoom=200」と追加しました
2)画面サイズ100%で表示させたい場合
PDFを 常に画面サイズ100% で表示させるには、URLの末尾に #zoom=page-width を追加します。
<a href="https://example.com/sample.pdf#zoom=page-width" target="_blank">PDFを開く</a>
PDFを開いたときに、 ページの横幅にフィット するように表示されます。
注)#zoom=page-width が適用されない場合#view=FitH を試す(chromeなど)
#zoom=page-width が適用されない場合があります。 その場合は「#view=FitH」 を試す」
<a href="https://example.com/sample.pdff#view=FitH" target="_blank" rel="noopener">PDFを開く</a>