Javascript 使用JS将html/css中的px值转换为%的代码?

Javascript 使用JS将html/css中的px值转换为%的代码?,javascript,html,css,percentage,pixels,Javascript,Html,Css,Percentage,Pixels,我有一个很长的css文档,其中包含需要转换为%值的px值 我正在寻找一个快速的解决方案,而不必逐个更改每个值 我想知道是否有JS代码可以在页面加载时动态地自动转换这些值 比如说 页面容器的最大宽度为1000px,新闻div为300px。所以我需要JS做数学运算,并将news div值转换为30% 这样的事情真的存在吗 谢谢(300*100)/1000其中300是您想要的百分比,1000是总数 所以500是1000的50% (500*100)/1000=50(300*100)/1000,其中300

我有一个很长的css文档,其中包含需要转换为%值的px值

我正在寻找一个快速的解决方案,而不必逐个更改每个值

我想知道是否有JS代码可以在页面加载时动态地自动转换这些值

比如说

页面容器的最大宽度为1000px,新闻div为300px。所以我需要JS做数学运算,并将news div值转换为30%

这样的事情真的存在吗

谢谢

(300*100)/1000
其中300是您想要的百分比,1000是总数

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

(300*100)/1000
,其中300是您想要的百分比,1000是总数

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

据我所知,百分比是一个相对值。 仅仅用一个值,比如100px,你不能得到百分比,因为你需要相对值,比如屏幕宽度,它总是不同的,这样你就可以得到百分比

您可以这样做:



据我所知,百分比是一个相对值。 仅仅用一个值,比如100px,你不能得到百分比,因为你需要相对值,比如屏幕宽度,它总是不同的,这样你就可以得到百分比

您可以这样做:




你不能找到并替换吗?我仍然需要逐个检查每个值并手动计算。我只是想知道是否有一个更快的解决方案你不能找到并替换吗?我仍然需要逐个检查每个值并手动进行计算。我只是想知道是否有更快的解决办法
var pixels = 100;
var screenWidth = window.screen.width;
var percentage = ( screenWidth - pixels ) / screenWidth ;