如何設置html中img寬高相同-css

   最近項目中有一個問題，作一個響應式的盒子，隨着屏幕的變化，

   寬高一直保持相等，以前一直使用js動態設置，獲取盒子的寬度來設置盒子高度。

   可是加載時樣式顯示不是很好，後來直接用css實現。

   html部分：

   

    css部分：

   img-box爲設置的正方形容器。

    

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