保持div的宽高比

版权声明：你可以转载,但要标明出处 https://blog.csdn.net/qq_41605091/article/details/81773205

<div style="width: 100%;background-color: #255625;position: relative;padding-bottom: 44%">

通过将padding-bottom这个属性设定为百分比(百分比为高/宽),从而保证div的宽高比

高/宽 = 50%时,各种状态下的div框

高/宽 = 100%时,各种状态下的div框