用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 = N-R * R客戶不適合。 X小於R.只需選擇底部X行並將它們分爲R + 1列即可。