私は高さを維持しながらいくつかのイメージを並べて保つことを試みています。私はこれを試してみました：CSSでスケーリングするときのイメージの幅を維持する方法
.row {
float: left;
border: 3px solid red;
margin-left: 8%;
margin-right: 8%;
display: inline-block;
}
.row img {
width: 16%;
height: auto;
}
これは、それがウェブ上で表示する方法です： 
私は高さが同じになりたい、あなたは私が間違ってやってどう思いますか？
VXpの画像応答コードは、同じ高さのすべての画像を取得するのに最適です。
私はワイド画像を追加しただけでなく、フルハイトにも変換されます。
.row {
display: flex;
flex-wrap: wrap;
float: left;
margin-left: 8%;
margin-right: 8%;
height: 200px;
}
.row img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
padding: 0px 2px;
}<div class="row">
<img src="https://upload.wikimedia.org/wikipedia/en/1/10/The_Lego_Movie_poster.jpg">
<img src="https://upload.wikimedia.org/wikipedia/en/c/ca/The-cutter-movie.jpg">
<img src="https://upload.wikimedia.org/wikipedia/en/2/29/Legend-of-a-rabbit-movie-poster-2011-1020694984%2B%281%29.jpg">
<img src="https://vignette.wikia.nocookie.net/disney/images/d/d7/Frozen_movie.jpg/revision/latest?cb=20131120182859">
<img src="https://upload.wikimedia.org/wikipedia/en/a/ae/Pinkmovieposter.jpg">
<img src="https://upload.wikimedia.org/wikipedia/en/7/79/The_Faculty_movie_poster.jpg">
<img src="https://i.stack.imgur.com/IpJ7Y.jpg">
</div>もし私が何かを固定して200pxと言うと、ブラウザを減らしたり、携帯電話に切り替えると縮んだように見えます。 – ekeith
私はcodepenでそれを複製しようとしています。 –
@ekeith、編集を確認してください。 –
ポイントは画像が応答することです：
.row {
/*float: left;*/
display: flex; /* displays the images inline */
border: 3px solid red;
margin-left: 8%;
margin-right: 8%;
/*display: inline-block;*/
}
.row img { /* responsiveness */
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: block;
}<div class="row">
<img src="http://placehold.it/100x200" alt="">
<img src="http://placehold.it/200x300" alt="">
<img src="http://placehold.it/300x400" alt="">
</div>
すべてでここにあなたの目標はins't明らか。あなたは高さを維持しながら画像を水平に縮小したいですか？ IEイメージを歪ませたいですか？どのようなイベントにもHTMLを含める必要があります。 – bryan60
赤いボックスに画像の高さが表示されますか？私はそれらが等しい@ bryan60 – ekeith
を設定し、高さを100％に設定したいと思うが、これは画像の歪みに終わる。これは通常、ウェブ開発者が何をしているのかではない。 – bryan60