div之间出现意外的白色间隙，仅适用于Google Chrome

Question

div之间有一些白色的间隙，但仅在Google Chrome中，并且仅在某些分辨率上。问题显示在图像中。有什么想法吗？

.container{
margin: 0;
max-width: 136rem; 
height: 80%;
display: flex;
flex-wrap: wrap;
position: relative;
}

.item{
 opacity: 0;
 transition: opacity .7s;
 color: var(--color-4);
 min-height: 8rem;
flex: 0 0 100%;
}

http://jsfiddle.net/janvzku2/2/ 我在这里放了一些代码，某些div之间存在相同的问题。但是只有我镀铬。