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

在JavaScript中以编程方式计算给定面积和比率的宽度和高度,javascript,jquery,html,Javascript,Jquery,Html,好的,我需要在单击按钮时创建一个自动调整功能 假设您有一个区域,由于页面的响应特性,该区域的大小是可变的 此区域可以包含许多矩形,这些矩形由登录的客户端数量指定 在JavaScript中,我需要以编程方式计算每个客户端的适当宽度和高度,以使它们都适合该区域 var area = $('.client-container').width() * $('.client-container').height(); var noOfClients = 3; // normally calculated

好的,我需要在单击按钮时创建一个自动调整功能

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

此区域可以包含许多矩形,这些矩形由登录的客户端数量指定

在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;

如何计算每个客户端矩形的宽度和高度?

我假设您可以完全自由地调整N个客户端的大小,并且它们的自然纵横比可以简单地反映屏幕的纵横比。您不可能总是在不浪费空间的情况下使所有客户端大小相同。取N的平方根,四舍五入,这是行数R,也是列数,除了X=N-R*R客户机不适合。X小于R。只需选择底部的X行,并将它们划分为R+1列即可