将pdf对象的大小调整为父div大小

Question

我在网页上渲染.pdf和.png文件。

<table class="table">
  ...
    <tr ng-if=collapseimg >
      <td colspan="100%">
        <div ng-if="report._source.attachment && report._source.attachment.charAt(0) === 'i'">
          <object data="data:image/png;base64,{{ report._source.attachment }}"></object>
        </div>
        <div ng-if="report._source.attachment && report._source.attachment.charAt(0) !== 'i'">
          <object data="data:application/pdf;base64,{{ report._source.attachment }}"></object>
        </div>
      </td>
    </tr>
  </tbody>
</table>

例如，report._source.attachment是base64编码的字符串，pdf字符串开始JVBERi0x...和png字符串 - iVBORw0KGgo...。

我的风格（减少）规则：

  object {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
  }

  embed {
    max-width: 100%;
    max-height: 100%;
    display: inline-block;
  }

图像（png）正确调整大小。但上面的风格对pdf没有任何影响。

如何调整pdf大小以适合父div大小？

这是a simulation in plunker。我需要的是相同大小的pdf和png，而无需对width和height进行硬编码。