CSS 图片固定长宽比实现高度自适应

某些场景下图片的宽度不固定，为了保证图片不失真，需要通过固定长宽比的方式来动态计算图片高度 应用场景 例如图片期望大小是 460 * 240 ，但真实图片可能出现如下情况 图片大小不固定 图片可能加载失败 在一个通过 panel 展现的列表中，由于浏览器可大可小，单个项目的宽度不固定 如果固定高度，会导致图片出现比例不协调的情况 如果不固定高度，会出现如下单个项目高度不一致的情况 解决方式 出现上

>>阅读原文<<