如何让网站的图片相对于页面浏览量或点击次数增加？

Question

场景：

我有一个非常基本的html网站，其中一系列图像并排放在一起。图像也链接到相应的文章，当光标悬停在每个图像上时，在页面的中心生成链接文章的大描述。

目标：

1. 我希望图片的大小增加一些百分比，相对于图片链接文章收到的综合浏览量。文章获得的点击次数越多，图片链接就越大。
2. 同时，图像（其宽高比/尺寸不同）会自动重新排序，或以适应性的方式随机摆放以最佳地适合页面。

非常感谢任何想法，想法或意见。

Answer 1

我认为最好的起点是flex-box，你可以了解here。

这里的重要方面是（来自同一来源）：

箱柔性  值：0 |任何整数  这个孩子的灵活性比率。如果一个孩子有1并且它的兄弟姐妹有2个，那么父母盒子中的任何额外空间将被兄弟姐妹消耗两倍。它默认为0，这是不灵活的。

所以你可以设置这个以使一些盒子比其他盒子占用更多空间等等。虽然你明显需要做一些数学计算。