ブートストラップ 3 には、.img-responsiveこれらの CSS 設定を適用するクラスが含まれています
display: block;
height: auto;
max-width: 100%;
なぜないのmax-height:100%;ですか？
これを追加すると、写真が高さの点でも適合することがわかりましたが、なぜそれが除外されているのか、他のブラウザーでの結果がどうなるのかわからない.
質問する
14762 次
1 に答える
7
http://bootply.com/86201のようなものを試してください。
max-height:100%ビューポートの高さだけを埋めます。height:auto は使用可能なスペースを埋めます (下にスクロールするとビューポートの下にもなります)。したがって、 height:auto は、幅と垂直スクロールバーに基づくグリッドとより一貫しているように見えます。幅と高さが小さい画面では、max-height:100% で画像が小さくなり、役に立たないことがあります。
親に固定の高さを与え、max-width: 100%; を使用する場合に注意してください。および最大高さ:100%; あなたの画像は、画像のサイズを変更し、アスペクト比を維持するのに役立ちます: http://bootply.com/86203これはあなたが探している答えです。
于 2013-10-07T23:14:59.470 に答える