ちなみ最小高と最大高を決める「min-height」と「max-height」なんていうものもあります。考え方は幅についてのmin-width、max-widthと同じです。 min-height: 500pxと書けば『要素のheightが500pxより小さくならないように』という指定になります。 img { max-width: 100%; height:auto; } このように「max-width」を100%に設定することによって画像のサイズを囲んでいる要素のいっぱいまで広げることができるんです。これは便利。 「height」をautoにすれば縦横比もそのままで縮小できます。 これでスッキリ。 max-height min-height最大最小高度总结; 扩展阅读 ： 1、CSS隐藏超出溢出内容 2、隐藏html内容 3、css隐藏集合 4、css height 5、css min-width 6、css max-width. 3. min-heightとmax-height. display:table-cellのimgのmax-widthの指定が chrome は大丈夫なんですが、 ie と firefox では無視されていました。 例えば以下のようなソースになります。 Exp min-height:50px 最小高度50px max-height:50px 最大高 … none 最大値の制限をしません。これが初期値です。 数値で指定 数値にpxなどの単位をつけて指定します。pxとは1ピクセルを1とする単位で、実際に表示されるサイズは72dpiや96dpiといったモニタの解像度により変化します。 max-heightは最大の高さを固定値や相対値等を使って設定出来ます。 記述した文字や画像が設定した高さを越える場合ははみ出して表示されます。 記述した文字や画像が設定した高さに満たない場合は表示するのに必要な高さだけ確保します。 一、语法与结构 - TOP.