使用HTML/CSS在DIV中显示A4 PDF

编辑:我解决了:正是在PDF的设置中,我需要将模式更改为“页面匹配”。

我尝试在一个正好占我屏幕一半的分区中显示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>

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

谢谢你的帮助!