css实现正方形
2019-04-13 本文已影响0人
撑船的摆渡人
怎么实现一个正方形,它的宽是屏幕的20%
<style>
*{margin:0;padding:0;}
.demo1{width:20%;background: red; padding-top: 20%;}
.demo2{width: 20%;height:20vw;background: blue;}
</style>
<div class="demo1"></div>
<div class="demo2"></div>