scaling iframe content

HTML

<div class="wrap">
  <iframe class="frame" src="http://time.is"></iframe>
</div>

CSS

body{
  padding:1em;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content: center;
  height:100vh;
}
.wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 2px solid blue;
  min-height: 0;
  overflow:hidden;
}

.frame {
  flex: 1 1 auto;
  border: 0;
}