Media 媒体查询

响应式方案使用以了下媒体查询来创建关键的分界点阈值。

/* 分辨率大于等于576px */
@media (min-width: 576px) {
  .vus-container {
    max-width: 550px;
  }
}

/* 分辨率大于等于 768px */
@media (min-width: 768px) {
  .vus-container {
    max-width: 740px;
  }
}

/* 分辨率大于等于 1024px */
@media (min-width: 1024px) {
  .vus-container {
    max-width: 1000px;
  }
}

/* 分辨率大于等于 1280px */
@media (min-width: 1280px) {
  .vus-container {
    max-width: 1200px;
  }
}