画面サイズが一定のときに効くメディアクエリ(media query)cssのサイズ指定イメージ

program

http://qiita.com/knml/items/c94dc493571dd4127d43

.responsive-visible {
  display: none;
}
@media (min-width: 600px) and (max-width: 700px) {
  .responsive-visible {
    display: block;
  }
}

上の例は、画面幅が600px以上〜700px以下のときだけ表示される要素。
@media の min-width と max-width は、基本的には全てのサイズに効くCSSに対して、効くサイズの下限と上限の境界線を指定するというイメージ。