当窗口大小减小时，网页无法正常显示

Question

我在我的大学里正在研究一个项目（移动商店）。下面链接的产品包含8个手机。当窗口最大化时我可以看到8个手机，当窗口大小减少时我只能看到6个手机。那是为什么？

参考链接：myproject

我使用了w3layouts.com的模板，如果有人需要，可以在这里使用 - mobileshop layout

我希望该页面即使在最小化时也能显示8个手机。我做错了什么？我刚刚开始学习，所以请保持温和。

提前致谢

Answer 1

.images_1_of_4:last-child媒体查询中的CSS规则max-width: 1024隐藏了每行的最后一个元素：

.images_1_of_4:last-child {
    display: none;
}

删除此样式，元素将重新出现。

您需要重新考虑移动网格系统才能使列正确显示。