小编J. *_*man的帖子

Safari 和 CSS 列的问题

我正在使用纯 CSS 和 HTML 创建一个项目网格。我在 Safari 中测试时遇到了一个问题。我已将代码提取到CodePen 中,它的工作方式与我的网格相同。

这是我用来重现问题的代码:

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  width: 100%;
  background: WhiteSmoke;
}

.wrapper {
  display: block;
  font: 400 14px/1.3 "Helvetica", sans-serif;
  width: 100%;
  padding: 0 20px;

  @media only screen and (min-width : 768px) {
    column-count: 2;
    font-size: 17px;
    column-gap: 20px;
  }

  @media only screen and (min-width : 992px) {
    column-count: 3;
  }
}

.wrapper > * {
  @media only screen and (min-width …
Run Code Online (Sandbox Code Playgroud)

html css safari google-chrome

6
推荐指数
1
解决办法
2150
查看次数

标签 统计

css ×1

google-chrome ×1

html ×1

safari ×1