Mobile View

Vue PDF Viewer is designed to resize component container responsively. Currently, the --vpv-container-width-sm variable is default to 768px.

An image of how Vue PDF Viewer will be displayed on a mobile screen

If you do not want VPV to trigger the view change, you may set --vpv-container-width-sm to 0px.

html

<style scoped>
  :deep(.vpv-variables) {
    --vpv-container-width-sm: 0px;
  }
</style>

To manually adjust the trigger point of mobile responsiveness, you can change the value of sm of the component container.

html

<style scoped>
  :deep(.vpv-variables) {
    --vpv-container-width-sm: 375px;
  }
</style>

Remark: Options, except for themeSwitchable, on the right side of the top bar are automatically grouped under the More Options.

Mobile View ​