div宽度没有调整大小

Question

我有一个div调整大小的问题。

我创建了这个DEMO。在这个演示中，您可以看到有七个div，我正在使用砌体网格布局。

所以请调整页面宽度，你会看到有转换位置div。问题出在这里。当我使用我的localhost中的CSS和Javascript代码时，div不会改变位置。谁能告诉我这里有什么问题？ CSS

.kesif-wrp {
padding: 53px 0 0;
width: 100%;
position: relative;
}
.kesif-alani {
padding: 20px 0 50px;
margin: 36px auto 0;
position: relative;
max-width: 1620px;
min-width: 960px;
}
.kesif-gonderiler {
color: #444;
}
.kesif-gonderi-alani{
  width:300px;
  background-color:#ffffff;
  border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -moz-border-radius:3px;
  margin:10px;
}
.posts-holder {
  position:relative;
margin: 10px auto;
}

Answer 1

<强> DEMO

删除它：

min-width: 960px;

来自 .kesif-alani 类

Answer 2

您可以使用它来决定如何调整它的大小。

    @media screen and (max-width: 1000px){
    // Use this as you would use a normal css
    }