如何计算缩放比例的像素大小

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>