html - 自动调整 div 元素的大小

Question

我想知道有人可以帮我做一件小事。我从事个人元素，但无法正确处理其中一件事。

这是 JSBin http://jsbin.com/inixuf/1/edit

问题出在图片上，如果屏幕小于 21 英寸，比如 15.3 英寸，它每行只会显示 3 张图片，而在 21 英寸屏幕上，它每行会显示 4 张图片，随着屏幕变大，它会显示更多图片等等。这不是我想要的，我想要一个可以强制调整图像 div 类大小的脚本，以确保无论您使用什么屏幕，每行总是会获得 4 张图像。

有什么建议吗？

Answer 1

使用 % 设置宽度。

所以一张图片的宽度为:div 宽度的 20%，图片两边的边距为 2.5%。这样你就可以很好地填满 100%。

.imagecontainer {宽度:20%；左边距:2.5%；右边距:2.5%；

然后让所有尺寸都是相对的