css - Bootstrap 响应式 Iframe 不调整内容大小

标签 css twitter-bootstrap iframe

我不知道如何在响应式 iframe 中调整 pdf 内容的大小?

正如您在下图中看到的,iframe 已调整大小,但内容并未调整。

查看

<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>  

enter image description here

请指教?

最佳答案

也许这可以帮助你: How to make a PDF responsive

只是一个想法,但您可以根据 iframe 宽度获得两个版本的 pdf 或两级缩放?

关于css - Bootstrap 响应式 Iframe 不调整内容大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41879051/

相关文章:

javascript - 以编程方式将 CSS 渐变添加为背景图像

javascript - 响应式画廊对齐问题(Bootstrap-gallery & justifyGallery)

css - 将 bootstrap 添加到样式为 'table' 的 css

twitter-bootstrap - 如何使用 bootstrap 3 网格系统设计自定义网格?

jquery - float Youtube iframe 嵌入

android - 在WebView中显示youtube视频

css - Deck.js 根据幻灯片内容更改显示的幻灯片大小

javascript - 来自启动 slider js的随机图片

CSS 背景图像通过 SSL 提供混合内容警告

java - 在 iframe 中添加证书异常(exception)