图片设置宽高相同，宽设置100%高怎么设置同宽

<style>
.image-header{
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.image-header img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>

<div class="image-header">
   <img src="demo.jpg">
</div>

           

最终图片以正方形显示