我明白，我记得有一天我在做一个练习项目时遇到了完全相同的问题。
你需要做的是使用 flexbox 旁边的媒体查询如果你知道与flexbox工作，这是超级容易与flexbox否则它会变得有点复杂，只是通过css，但仍然有可能得到它只是通过CSS.所以你需要做的是：
1：向容器给予显示flex。

.container{
      display: flex;
      flex-wrap: wrap;
}

2：弹性缠绕的值应为缠绕。
3：将您想要的宽度设置为媒体查询中带有百分比（%）的项目。

@media screen and (max-width: 400px){
      /* Phones */
      .items{
           width: 100%;
       }
}
@media screen and (min-width: 400px) and (max-width: 900px){
      /* Tablets & Laptops*/
      .items{
           width: 50%;
       }
}