html - CSS 画像 固定 高さ 動的 幅

Question

横一列に並べたいさまざまな画像のセットがあります。高さを設定したいが、正しい幅を維持したい。(ダイナミック幅)

問題は、幅がすべての写真で同じであることです。

何か案は？

これは私のマークアップとスタイルです:

<div class="jumbo">
   <ul>
      <li><img src="picture1.jpg" /></li>
      <li><img src="picture2.jpg" /></li>
      <li><img src="picture3.jpg" /></li>
   </ul>
</div>

.jumbo ul {
  height: 430px;
  width: 20000px;
  margin-top:10px;
  /*border: 2px solid red;*/
}
.jumbo li {
  float: left;
  display: inline;
  margin-left: 70px;
}

.jumbo img {
    max-height:430px;
    width: auto;
}