在JavaScript中以编程方式计算给定的面积和比例的宽度和高度

Question

确定，因此单击按钮时需要创建“自动调整”功能。

假设您有一个区域，由于页面的响应特性，该区域的大小是可变的。

该区域可以包含多个矩形（由已登录客户端的数量指定）。

我需要使用JavaScript以编程方式计算的是每个客户端的适当宽度和高度，以便将它们“适合”到该区域中。

var area = $('.client-container').width() * $('.client-container').height();
var noOfClients = 3; // normally calculated dynamically

// Ratio (1.25:1)
var r1 = 1.25;
var r2 = 1;

我如何确定应该对每个客户矩形应用的宽度和高度？

Answer 1

我假设您有充分的自由来调整N个客户端的大小，并且它们的自然纵横比可以简单地反映屏幕的纵横比。 在不浪费空间的情况下，您将永远无法使所有客户端具有相同的大小。 取N的平方根，将其四舍五入，这就是您的行数R。它也是您的列数，除了X = NR * R客户不合适。 X小于R。只需选择底部的X行并将它们分成R + 1列即可。