构建具有固定宽度和高度的网格算法

时间:2014-12-21 17:28:56

标签: algorithm css3 grid

我正在尝试一种方法来制作具有1:1.25(WxH)宽高比,屏幕固定宽度和高度为1920:1080的产品网格,我想知道如何计算最佳宽度和最佳利用空间的每种产品的高度。

比率:1:1.25(例如300x375 400x500等。)

屏幕尺寸:1920:1080(宽x高)

产品可能介于1-100之间

例如我手动计算

1产品:每个864w x 1080h

2个产品:每个864w x 1080h

3个产品:每个640w x 800h

4个产品:每个480w x 600h

8个产品:每个432w​​ x 540h

任何人都知道如何在不手动插件和检查的情况下计算这些内容。

1 个答案:

答案 0 :(得分:0)

这个问题有O(n)答案(其中n是输入),这很简单

  

max = 0

     

表示i = 0到i =√n

  i of them in each row and n/i of them in each column.

  check the aspect if its height is greater than max then change max to its height.

当你找到最大值时,它是你的最佳比例。