Bootstrap reagiert Iframe nicht Größe ändern

Ich kann nicht herausfinden, wie Sie den Inhalt einer PDF-Datei in einem responsiven iframe ändern?Bootstrap reagiert Iframe nicht Größe ändern

Wie Sie aus dem Bild unten sehen können, hat der Iframe die Größe geändert, der Inhalt jedoch nicht.

Ansicht

<div class="embed-responsive embed-responsive-16by9"> 
    <iframe class="embed-responsive-item" src='@Url.Action("ShowPDF", "BillPayment", new { sessionId = @Model.SessionId })#zoom=150' width="100%" height="525" id="iFramePdf" #zoom="200" frameborder="0"></iframe> 
</div>

Bitte Rat?

Quelle

2017-01-26 Kevin

Sie möchten, dass nur vertikal geblättert wird? Ist es das was du willst? –

Ja mehr oder so, aber mit dem Inhalt lesbar. – Kevin

Ich glaube nicht, dass Sie in der Lage sein werden, die eingebettete PDF-Datei Zeilenumbrüche zu erstellen, keine Ränder zu haben usw. Ich meine, es ist kein responsives HTML, es ist ein PDF –

das könnte Ihnen vielleicht helfen: How to make a PDF responsive

nur eine Idee, aber man könnte zwei Versionen für die pdf bekommen, oder zwei Level Zoom Sie iframe width abhängig?

Quelle

2017-01-27 14:25:54

Bootstrap reagiert Iframe nicht Größe ändern

Antwort

Verwandte Themen