如何計算縮放比例的像素大小

Question

我有以下情況，雖然我很好的編碼，我正在努力與數學哈哈。

我有一個500像素寬的div。 Jquery被加載。

我將檢查瀏覽器寬度並將其存儲在名爲bwidth的JavaScript變量中。

如果bwidth小於500px（div的寬度），那麼我想調整div的大小使用CSS縮放（由於各種原因，包括div的內容）。

所有這些都很容易做代碼明智的，但我想解決的是計算什麼樣的縮放百分比應該是使500px寬度的div實際適合在像素寬的瀏覽器窗口內的算法。

我不擔心身高。

因此，可以說bwidth是250px - 我知道我需要50％的縮放，但只是因爲我知道250是500的一半！我如何以編程方式計算50％。

如果bwidth是325px，該怎麼辦？我如何計算正確的縮放比例？

非常感謝您的任何幫助。

Answer 1

嘗試這樣

var zoom=100/(500/bwidth) 

爲例

<script> 

var zoom=100/(500/bwidth) 
console.log(zoom+"%") 

</script>