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
    }