画像のサイズが違うものの縦横比について

Question

現在、画像サイズが全く違うものが表示されています。

画像のサイズの縦横比がされるように
cssで調整したく調べ下記の形でコードを書きましたが変わりませんでした。

      article .info > li .score .ph {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%; }

画像の縦横比が合うよう、理想は下記のようにしたいのですがご教授のほど、宜しくお願いします。

Comments

[maisumakun]

理想形のように矩形にぴったりに表示しようとすれば、「画像の縦横比を崩す」もしくは「枠からはみ出した部分を切り取る」といった処置が必要となりますが、どちらのやり方がいいでしょうか？

[study3595]

ありがとうございます。
「画像の縦横比を崩す」の方を希望いたします。

Answer 1

「画像の縦横比を崩す」の方を希望いたします。

なら、width: 100%; height: 100%にするだけです。

Comments

[study3595]

ありがとうございます！