jquery - 如何使元素在移动屏幕上一个在另一个之下

Question

我有日历，我尝试在移动屏幕和平板电脑屏幕上实现元素低于其他元素。现在在移动屏幕上彼此相邻排列，我想避免滚动。这是我想要实现的目标。 这是一个计划这是此链接 上的测试网站

有人可以帮我吗？

标签： jqueryhtmlcssresponsive-design

Answer 1

flex-direction改变事件的发生就足够了ul。

@media (max-width: 767px) {
  .cd-schedule .events .events-group > ul {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

当然，您可以使用边距/填充设置样式以在它们之间留出一些空格并更改媒体查询以反映您的需要。