Javascript 正确调整大小时，首先显示项目

问题：（所有项目都有绝对重叠和顶部0=>重叠）

当我调整窗口大小时，它的第一次显示正确。

---

JavaScript（）：

---

HTML:

---

多谢各位

试着寻找关于ResponsiveUI的文章-这会给你很多有用的信息。“自动缩放”可以使用下一个代码完成：

.wrapper img {
 width: 100%;
 max-width: 100%
 height: 100%;
}

<div id="container">
  <div class="item"><a><img/></a></div>
  <div class="item"><a><img/></a></div>

#container {
  background: none;
  width: 100%;
}


#container:after {
  content: '';
  display: block;
  clear: both;
}

#container .item img {
    max-width: 100%;
    height: auto;
    display: block;
}


@media screen and (max-width: 480px) {
    #container .item,
    #container .grid-sizer {
        width: 49%;
        margin: 0.5% 0.5% 0 0.5%;
    }
}

@media (min-width: 480px) { 
    #container .item,
    #container .grid-sizer {
        width: 32.3%;
        margin: 0.5% 0.5% 0 0.5%;
    }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
    #container .item,
    #container .grid-sizer {
        width: 24%;
        margin: 0.5% 0.5% 0 0.5%;
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    #container .item,
    #container .grid-sizer {
        width: 11.5%;
        height: auto;
        margin: 0.5% 0.5% 0 0.5%;
    }
}

.wrapper img {
 width: 100%;
 max-width: 100%
 height: 100%;
}