私が取り組んでいるサイトでは、retina.js ( http://imulus.github.io/retinajs/ ) を使用して、特に網膜デバイス用の網膜イメージの非網膜イメージを切り替えています。このサイトはレスポンシブ HTML Web サイトです (Twitter Bootstrap を使用)。問題は次のとおりです。ページが Retina デバイスに読み込まれると、Retina デバイスが image@2x.jpg に切り替わるため、画像が切り替わってしまいます。これは今のところ問題ありません。問題は、ブラウザーのウィンドウのサイズを変更して (Retina 画像が読み込まれた後)、ブラウザーの幅を小さくすると、画像の幅は正常にサイズ変更されますが、高さは同じままで、画像が垂直方向に効果的に押しつぶされ、画像が歪むことです。向きを変更すると、iPad と iPhone でまったく同じことが起こります。
これが前の画像です：
そして、ブラウザの幅を小さくしてサイズを変更した後の画像は次のとおりです。
以前にこの問題を経験した人はいますか?