css 媒体查询

1. 使用

@media screen and (max-width: 600px) { 
  // 当 视口 宽度小于等于 600px 时
}

@media screen and (min-width: 600px) { 
  // 当 视口 宽度大于等于 600px 时
}

2. 参考

• CSS3 @media媒体查询 适配不同尺寸设备的响应式布局（清晰详解） (opens new window)
• https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS_media_queries/Using_media_queries (opens new window)