ここにいる他の多くの人と同じように、いいねボックスで通常の風景画像が歪むのを防ぐ方法を見つけることができません。画像のサイズを変更するためのアルゴリズムをリバース エンジニアリングし、横向きよりも縦向きの方が適していることを発見した人もいるようです。
ゆがみは、そうでなければ素晴らしいウィジェットを台無しにします。これが優先事項として対処できる可能性があるかどうか疑問に思っています. 問題は、最大の幅/高さの制限を満たすまで、画像が単純に比例してサイズ変更されないのはなぜですか?
代わりに、画像の元の比率に関係なく、幅と高さが調整されているように見えます。本当に奇妙です！
例を投稿したかったのですが、新しいユーザーとしてそれを行うことは許可されていないようです!
IE9 を使用した調査結果に基づいた上記の記事を投稿して以来、Firefox と Safari でページをテストしました。これらのブラウザはどちらも、より比例的にサイズ変更されるという点で、Like Box 画像の表示が異なります。残念ながら、ボックスの右側から伸びているため、まだ完全ではありません。Firefox でのスケーリングの比率を次に示します (私のウィジェットの幅は 300px です)。
画像 1 320px × 239px (300px × 223px にスケーリング)
画像 2 320px × 218px (300px × 204px にスケーリング)
このことから、スケーリングは比例し、ボックスの幅に沿っているように見えます。ただし、左側に 100px 程度の余白があるため、これは機能しません。Safari では、左側の余白がはるかに少ないため、さらに多くの画像が表示されます。IE でスケーリングが完全に異なり、これらのブラウザー間でレンダリングが異なるのはなぜですか?