【问题标题】:Display A4 pdf in div responsive with HTML/CSS在 div 中显示 A4 pdf 响应 HTML/CSS
【发布时间】:2018-12-21 20:26:54
【问题描述】:

编辑:我解决了:我需要在 pdf 的设置中将模式更改为“Page Fit”

我尝试在正好是我屏幕一半的 div 中显示 pdf。

我不想滚动查看单个 A4 pdf 页面。

当我调整屏幕大小时,我也不希望 pdf 变大/变小。

问题是嵌入的 pdf 没有自行调整大小并且是可滚动的。

CSS

split {
    height: 100%;
    width: 50%;
    position: fixed;
    z-index: 1;
    top: 0;
    overflow-x: hidden;
}

.left {
    left: 0;
    background-color: blue;
}

embed#pdf {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

HTML

<div class="split left">
    <embed id="pdf" src="my_pdf.pdf" type='application/pdf'>
</div>

我尝试使用该标签,但得到相同的结果。

感谢您的帮助!

【问题讨论】:

  • 你错过了位置:绝对?
  • 使用对象标签而不是嵌入标签?
  • 不,它不起作用!我仍然得到滚动条,当我调整窗口大小时,它仍然是相同的大小@TemaniAfif
  • 当我使用对象标签时,我得到了完全相同的结果! @NegiRox
  • 你为object标签修正了一些高度和宽度吗?

标签: javascript html css pdf


【解决方案1】:

我解决了:我需要在 pdf 的设置中将模式更改为“页面适合”

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-10-26
    • 2021-03-17
    • 2021-05-12
    • 1970-01-01
    • 1970-01-01
    • 2017-02-18
    • 2018-11-10
    • 1970-01-01
    相关资源
    最近更新 更多