javascript - 相对于网页浏览量或点击量，我怎样才能让网站的图片变大？

Question

场景：

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

目标：

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

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

Answer 1

我认为最好的起点是 flex-box，你可以在这里了解它。

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

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

因此，您可以设置它以使某些框比其他框占用更多空间，依此类推。尽管您显然需要为此做一些数学运算。