サンプル：【16-2】下限の min-width, min-height 上限の max-width, max-height：ほんっとにはじめてのHTML5とCSS3

サンプルの CSSです。

textarea#smp1 {
    min-width:30em;  /*最小の幅。これ以上小さくなりません*/
	max-width:500px  /*最大の幅。これ以上大きくなりません*/
	min-height:5em;  /*最小の高さ。これ以上小さくなりません*/
	max-height:10em}  /*最大の高さ。これ以上大きくなりません*/

サンプル2 （ウィンドウ幅を小さくしたり大きくしたりしてみてください）

このボックスの幅の最大値は760px（max-width: 760px）にしているため、ボックスの幅は760pxより大きな幅になりません。

また、幅の最小値を480px（min-width: 480px）ですので、それより小さくなりません。

高さの最大値は220pxです。（max-height: 220px）
ウィンドウ幅を小さくしていくと、テキストが改行されて高さが増えていきますが、ボックスの高さは220pxより増えません。（スクロールバーが出るようにしています）

サンプルの CSSです。

div#smp2 {
	padding:1em;
	max-width:760px;
	min-width: 480px;
	max-height: 220px;
    background-color: paleturquoise;
	overflow-y:scroll}