How to PDF fit to parent element's width? about vue-pdf HOT 2 CLOSED

Wrap your VuePDF component in a container:

<div class="pdf-container">
  <VuePDF :pdf="pdf" :page="1" />
</div>

Override the width and height properties of the generated canvas using styling with a deep selector:

<style lang="css" scoped>
.pdf-container span::v-deep canvas {
  width: 100% !important;
  height: auto !important;
}
</style>

from vue-pdf.

A new prop "fit-parent" has added for this feature.

Check the README.md to know how to use.

from vue-pdf.