CSS 圖片固定長寬比實現高度自適應

某些場景下圖片的寬度不固定，爲了保證圖片不失真，需要通過固定長寬比的方式來動態計算圖片高度 應用場景 例如圖片期望大小是 460 * 240 ，但真實圖片可能出現如下情況 圖片大小不固定 圖片可能加載失敗 在一個通過 panel 展現的列表中，由於瀏覽器可大可小，單個項目的寬度不固定 如果固定高度，會導致圖片出現比例不協調的情況 如果不固定高度，會出現如下單個項目高度不一致的情況 解決方式 出現上

>>阅读原文<<