web-dev-qa-db-ja.com

スケールPDF iFrameに合わせて

IFrameに合わせてPDFファイルを拡大縮小する必要があります。レスポンシブである必要があるため、PDFはデバイスの幅に合わせてスケーリングし、PDFドキュメントが完全なページを表示するようにする必要があります。

これを実現するためのBootstrapに無料のプラグインまたは機能がある場合は、お気軽にお問い合わせください。

前もって感謝します！

htmlcsspdfzoomscale
12
Luuxter

Iframeに合うようにPDFのサイズを変更する方法を尋ねる場合。

この次のコードが役立ちます：

<iframe src="name.pdf#zoom=50" height="100%" width="100%"></iframe>

#zoom=50これはPDFをデフォルトでiframeのズームとともに表示します。これは任意の数に編集できます）

26
user7582130

私のFirefoxでは、このように動作しますが、他ではテストしないでください

<iframe src="filename.pdf#zoom=FitH" style="position:absolute;right:0; top:0; bottom:0; width:100%;"></iframe>
1
kuz1toro

おそらくある程度の一貫性でこれを達成することはできないでしょう。 iFrameでPDFビューアを応答可能にすることができますが、各ビューアは、 PDF初期ビューが設定されていない場合...および各PDF初期ビューが設定されている場所では、異なるデフォルトのズームおよびページモードが使用されます。

PDFファイルを制御している場合は、初期ビューを設定する価値がありますが、それでも、ブラウザおよびブラウザプラグインに組み込まれているさまざまなビューアに左右されますその初期ビューの解釈方法を決定します。

1
joelgeraci