我正在从事一个网络元素，我正在考虑如何最好地处理以下情况:
我在数据库中有一堆图像，我想将其加载到网格中。排名高的图像需要有更大的 Canvas ，而排名低/排名低的则不需要。图像的尺寸不是标准的，因此它可以是肖像或风景图片，每个尺寸都不同。宽高比需要保持不变，窗口需要完全水平填充(宽度为 100%)。用户可以垂直滚动。
为了让您了解网格中字段的划分，我附上了一个快速线框。 
你们知道如何最好地解决这个问题吗？我在想也许我应该“标准化”几行。并随机放置行，使其看起来不像预先设置的。但这显然不是真的计算出来的。任何想法表示赞赏!
最佳答案
最终使用 Masonry http://masonry.desandro.com/
我通过将 window.width 除以 5 来设置每个列的宽度。
关于php - 使用 css/js/php 生成和划分网格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6997278/