响应式的grid图片多行两列布局

使用grid-template-columns: 1fr 1fr; 保证有两列图片，img标签的属性设置为

width: 100%;

 height: auto;

则可以保证图片自适应放大缩小，如果想要让图片在过小宽度时改为一行一列，则可以使用grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );每列最小为100px，即一行的宽度小于200px时将会显示为一行一列