スマホ画面で縦長画像をwidth:100%にした時、縦横比が歪む件

hoge

レスポンシブ対応で、画像はスマホ時に「width:100%」にするのがよくあるやり方。

…しかし事件はある日突然起こった。

縦長画像だけが、横にビヨーンと引き伸ばされて歪んで表示される(汗)

きれいに拡大されている画像もあるのに、縦長画像だけが歪む。

横幅は拡大されているけど、縦幅には縦横比率が適用されていない（もしくは外れている）様子。

ということで、縦長画像を3分割（あるいは2分割）にして、極度な縦長ではなくしたらきちんと表示されるようになりました。
めでたしめでたし。

もーほんとこれだからスマホはダメホ。