响应式web设计之@media screen，手机网页自适应

@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
  .class {
    background: #ccc;
  }
}

@media screen and (min-width: 600px) and (max-width: 900px) { /*当屏幕尺寸介于600到900之间时，应用下面的CSS样式*/
  .class {
    background: #fff;
  }
}