容器帖子网格布局问题？

用户体验
1

您好，

我注意到在平板设备的移动视图上存在一个问题。

这个媒体查询在移动设备上运行良好，但我认为它应该在所有移动视图宽度上都激活。

@media screen and (max-width: 924px) {
  .container.posts {
    grid-template-areas: "posts";
    grid-template-columns: auto;
  }
}

在 924px 以上，它会将时间线添加到 template-areas 中，这（我认为只在桌面上显示）在移动设备上会破坏布局。

.container.posts {
  display: grid;
  grid-template-areas: "posts timeline";
  grid-template-columns: auto auto;
  margin-bottom: var(--below-topic-margin);
}

谢谢 :slightly_smiling_face:

2 个赞
5

@Don 我做了一些测试，我认为这个问题已经不存在了……你最近有没有遇到过？

1 个赞
6

感谢您检查 @awesomerobot。

但我认为这仍然是一个问题。我认为只有当 topic-progress-wrapper 停靠时才会出现。

1 个赞
7

明白了，我想是我看错了。这应该能修复进度条停靠时的布局问题：

2 个赞
8

此主题已在 3 天后自动关闭。不再允许回复。