移动优先响应式设计

构建跨所有设备的响应式 Web 应用。

移动端优先断点

/* 移动端优先 - 移动端基础样式无需媒体查询 */
.container {
  padding: 1rem;
}

/* 平板 */
@media (min-width: 768px) {
  .container {
    padding: 2rem;
  }
}