0

ここにフィドルがあります。

レスポンシブ画像には標準的なトリックがありdisplay:block;ますmax-width:100%;：

img {
    display: block;
    max-width: 100%;
}

コンテナーの幅のサイズを変更すると、画像はこの幅に収まり、自動的に高さのサイズも変更されます。これは非常に優れた画像動作です。また、Javascript は使用しません。

では、コンテナの高さをサイズ変更することで同じトリックを行うことは可能ですか? この画像をコンテナの高さに合わせて、それに比例して幅を自動的に変更したいです。もちろん、Javascript なしで、CSS または実験的な CSS3 機能だけです (私は Javascript でそれを行う方法を実際に知っています)。

4

1 に答える 1

0

追加

max-height: 100%;

また、テーブルを操作しないようにしてください。テーブルは、他の表示タイプよりも (より) 予期せぬ動作をします。

ここで最も基本的な例を参照してください。

編集: JS なしでこれを行う方法が見つかりませんでした。ここでは 2 つのメソッドを用意しました。どちらも簡単に使用できます (jQuery を使用しましたが、そうする必要はありません)。それでも十分でない場合は、幸運を祈ります。

于 2013-08-05T21:35:51.907 に答える