小编jpi*_*sty的帖子

Flexbox不会包装浏览器调整大小

我试图让我的flexbox在移动设备和窗口大小上调整大小.

对于我的生活,我不知道它为什么不起作用.当浏览器缩小时,flexbox应调整大小并环绕下一行.

演示

CSS/HTML

#flex-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
  width: 1000px;
  height: 400px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  overflow: hidden;
}

#left-zone {
  background: #fff;
  height: 75%;
  flex-grow: 0;
  display: flex;
  width: 350px;
  align-items: center;
  justify-content: left;
  min-width: 0;
}

#left-zone .list {
  display: flex;
  list-style: none;
  align-content: stretch;
  flex-direction: column; …

Run Code Online (Sandbox Code Playgroud)

html css html5 css3 flexbox

jpi*_*sty

2018 10-25

8
推荐指数

1
解决办法

2218
查看次数