嵌入pdf以动态填充宽度col-sm-6

Question

我知道有很多关于嵌入pdf的问题，这是不同的，因为我特别关注使pdf的宽度动态地缩放到我想要pdf的引导程序“ col-sm-6”的宽度内。

我玩过embed，pdf.js，readstep2.html和google pdf查看器。 但是，它们似乎都需要某种“宽度和高度”设置。

在理想的情况下，我想使用一个pdf窗口，在底部带有一些向左/向右按钮的页面，以显示完整的pdf高度，并动态地进行缩放，以使宽度始终填充“ col-sm-6” ”元素位于其中。 这是我当前的代码：

<div class="col-sm-6">
                    <p>Filler text here</p>
                    <br>
                    <audio controls>
            <source src="media/song.mp3" type="audio/mpeg">Your browser does not support the audio element.
                    </audio>
                    <br><br>
                    <embed src="media/song.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">


                    </div>

谢谢你的尽心帮助！