缩放角度PDF查看器以适合封闭元素

Question

我正在使用Angular PDF Viewer,它非常棒,而且我很喜欢它,但是我很难将它缩小到正确的范围.

这是一些示例代码(使用Pure CSS,但如果我使用Bootstrap脚手架,问题就是相关的):

<div class="pure-g">
  <div class="pure-u-8-24">
    <pdf-viewer delegate-handle="loaded_doc_viewer" url="uploaded_doc_data_url" scale="1"></pdf-viewer>
  </div>
  ...
</div>

问题是pdf-viewer的大小取决于pdf的大小而不是包含的grid元素.

有没有办法在不做任何愚蠢和hacky的事情的情况下调整画布大小,理想情况下使用宽度(ala width:100%)的百分比来保持它与网格一致？如果没有,是否有一种愚蠢和愚蠢的方式来完成同样的事情？