使用JS将px值转换为html / css中的％的代码？

Question

我有一个长的CSS文档，其中包含我需要转换为％值的px值。

我正在寻找一种快速解决方案，而不必一一更改每个值。

是否想知道是否有任何JS代码可在页面加载时即时自动转换这些值？

所以举个例子

页面容器的最大宽度为1000px，news-div为300px。 因此，我需要使用JS进行数学运算并将news-div值转换为30％

这样的东西是否存在？

谢谢

Answer 1

(300 * 100) / 1000 ，其中300是您要百分比的数字，而1000是总数

所以500是1000的50％ (500 * 100) / 1000 = 50

Answer 2

据我所知，百分比是相对值。 仅使用一个像100 px这样的值就不能产生百分比，因为您需要具有相对值（例如screenWidth），该值始终是不同的，因此可以产生百分比。

你可以这样做 ：

---

var pixels = 100;
var screenWidth = window.screen.width;
var percentage = ( screenWidth - pixels ) / screenWidth ; 

---