📜  css 代码示例中的响应式 flexbox

📅  最后修改于: 2022-03-11 14:48:00.309000             🧑  作者: Mango

代码示例1
.flex-container {
  display: flex;
  flex-direction: row;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}