响应式ul图像列表不会破坏新行

Question

在我网站的投资组合部分，我有一些我制作的网站的图片截图。主div设置为min-width: 700px并在Web浏览器中查看正常。然而，在移动设备/平板电脑上，ul中的最后一个img不会移动到新线路而是被切断。

有人可以就最佳css规则提出建议，或者我是否应该完全重组ul。

在此处查看问题：portfolio

Answer 1

删除＃container1，＃container2，＃container3，＃container4的white-space：nowrap属性。

由于nowrap，图像不会移动到下一行。