Staging smaller

Code to scale an iFrame

Note 400×160 is in two places, size is controlled by making all the zoom numbers 0.65 for example.

<style>
  #wrapit {
    width: 400px;
    height: 160px;
    padding: 0;
    overflow: hidden;
  }

  #scaled-frame {
    zoom: 0.65;
    -moz-transform: scale(0.65);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.65);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.65);
    -webkit-transform-origin: 0 0;
  }
  @media screen and (-webkit-min-device-pixel-ratio:0) {
    #scaled-frame {
      zoom: 1;
    }
  }
</style>
<div id="wrapit">
<iframe id="scaled-frame" title="HearMeCheer" src="https://view-hearmecheeryourPAGE/property/event" width="400" height="160" frameborder="0" allow="microphone" id='hmc-app'></iframe>
<script src="https://URLINADMINAREA/assets/property/event/init.js"></script>
</div>