指定したウィンドウ幅で表示をコントロールするMedia Queries（メディアクエリ）

/* ウィンドウ幅が600px以上の場合 */
@media screen and (min-width:600px) {
   .small { display: none; }  /* smallを非表示 */
   .big{ display: block; } /* bigを表示 */
   .area{ color: #ff00ff; } /* 文字色を指定 */
}
 
 
/* ウィンドウ幅が600px未満の場合 */
@media screen and (max-width: 599px) {
   .small { display: block; } /* smallを表示 */
   .big { display: none; }  /* bigを非表示 */
   .area{ color: #00ff00; } /* 文字色を指定 */
}

<!―[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]―>