Macro Da

每天学一点,成长多一点!

标签:CSS等比

WEB前端

如何用CSS实现自适应宽高等比例的容器

我们知道图片高度为auto时,宽高比会以图片原始尺寸的比例缩放,但如果每个元素里无图片且内容行数不固定或者每个元素里的图片宽高比不一致时,如下图,该如何实现每个<li>的宽高比例不变且一致呢?我们从自适应的角度探讨这个问题,即每个<li>的宽度为:31.3333%。目前通过CSS实现效果就有两种方法,在实际项目是可……