本 JavaScript 代码实现了创建不同尺寸图片组成的网格状图库，而且不同大小尺寸的图片组成的网格图库是完全响应式的，可根据设备宽度自动调整图片尺寸。而且使用起来也超级简单，只需要设置div占位，然后通过 js 文件输出图片到指定为止即可，简单步骤如下：
1. 首先，创建 HTML 结构如下：
<div id="gallery"></div>
<script type="text/tmpl" id="tmpl">
<% for (let i = 0; i < imgs.length; i++) { %>
<div class="img" style="width:<%=imgs[i].ww%>px;height:<%=imgs[i].hh%>px">
<img src="<%=imgs[i].src%>"/>
</div>
<% } %>
</script>2. 然后，在项目中添加以下 CSS 样式：
body {
margin: 0;
}
#gallery {
position: relative;
padding: 5px;
}
.img {
display: block;
margin: 5px;
float: left;
background: #ececec;
}
.img img {
width: 100%;
height: 100%;
}3. 最后，添加下载后的 JS 代码，即可完成。
