如何设置html中img宽高相同-css

   最近项目中有一个问题，做一个响应式的盒子，随着屏幕的变化，

   宽高一直保持相等，之前一直使用js动态设置，获取盒子的宽度来设置盒子高度。

   但是加载时样式显示不是很好，后来直接用css实现。

   html部分：

   

    css部分：

   img-box为设置的正方形容器。

    

   原文地址：https://segmentfault.com/q/1010000006850507?_ea=1151796