這裡想請教一個關於圖片排版的問題
就是我有三張圖片且寬高各自都不同
而我希望把這三張圖片擺在同一行
並且塞滿版面寬度 , 又剛好每張圖片都一樣高
舉例：
　譬如說整張網頁寬度 800px ，就會自動調整三張圖片的比例
　最後每張圖片的高度會一樣，且三張圖片的寬度加起來為 800px
( 且當網頁寬度調整時每張圖片的比例也要能隨之自動縮放 )
請問這樣有辦法只用 CSS 實做嗎？
我的理解應該是得用到 JavaScript 才有辦法
=
會這樣問是因為公司網站包給國外寫的 CMS 效能不是很好
所以老闆希望盡量不要放 JavaScript 上去 , 常常會卡住...

Flexbox 或 display: table 吧？

用float加上div應該也可以(?

先用ps排一下 抓圖片的寬度%數?? 還是這三張可以後台更換的圖片呢

圖片固定的話先設好%數接近，高度再vw+overflow:hide切一點點掉，如果圖片能換，只能用 js 了 (js 是能佔多少效能 @@)overflow:hide也可以改用背景+cover

圖片固定就先用小畫家合成一張然後width:100%結束(?

Background-size: cover

自動高度搭配cover就是 height:100% width:auto

我想到了，可以試看看width:cale(100%/3);