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>

コメントを残す