2

画像の幅が 100% (高さが自動) で、独自のサイズが最大の CSS クラスおよび/またはソリューションが必要です。とにかくそれを達成するには、または画像ごとに最大幅を指定する必要がありますか?

4

2 に答える 2

2

これはそれを行う必要があります:

    img {
        max-width: 100%;
        height: auto;
    }

ウィンドウが画像よりも大きい場合、画像は拡大縮小されません。ウィンドウが画像よりも小さい場合は、画像をスケーリングする必要があります。クラシミールの回答に対するコメントには含まれていないとおっしゃっていました。この動作を変更している可能性のある他の CSS があるかどうかを確認することをお勧めします。

于 2013-08-18T22:09:00.040 に答える
2

設定した場合:

width: 100%;
height: auto;

画像はコンテナと同じ大きさになります。幅と高さの比率は維持されます。

画像の幅がコンテナーの幅よりも小さい場合、使用可能なスペースに収まるまで拡大縮小されます。この場合、次を使用できます。

max-width: 100%;
height: auto;
于 2013-08-18T12:44:35.290 に答える