<style>
  body { overflow: auto }
  div {
    width: 10px;
    height: 10px;
    background-color: #d64203;
  }
</style>

<body>
  <div style="width: 50vw"></div>
  <div style="height: 25vh"></div>
  <div style="width: 35vmin"></div>
  <div style="height: 25vmax"></div>

  <!--
  Deliberately make the scrollbars appear to ensure that with 'overflow: auto'
  viewport units are calculated as if the scrollbars are _not_ there.
  -->
  <div style="width: 500px; height: 500px; background-color: black">
</body>