如何用CSS实现自适应正方形

实现方式一:  padding 设置百分比 是相对于父元素的




  
  
  
  CSS

  


    

  实现方式二:  通过设置高度单位为 vw




  
  
  
  CSS

  


    

  实现方式三:




  
  
  
  CSS

  


  

  

你可能感兴趣的:(如何用CSS实现自适应正方形)