CSS将百分比转换为像素

CSS将百分比转换为像素,css,Css,我知道我的问题听起来很奇怪,但我想知道是否有办法将CSS百分比转换为像素。我的目标是使用百分比值计算宽度和高度,但在调整屏幕大小时不改变它们。如果有其他方法可以实现我的目标,我会很高兴听到它。您可以使用javascript实现它。 获取元素当前宽度的宽度,然后将该宽度设置为元素 var wid = document.getElementById("mydiv").offsetWidth; wid+="px" 这将返回以像素为单位的宽度,并将“px”附加到返回的数值上 然后你可以设置如下 get

我知道我的问题听起来很奇怪,但我想知道是否有办法将CSS百分比转换为像素。我的目标是使用百分比值计算宽度和高度,但在调整屏幕大小时不改变它们。如果有其他方法可以实现我的目标,我会很高兴听到它。

您可以使用javascript实现它。 获取元素当前宽度的宽度,然后将该宽度设置为元素

var wid = document.getElementById("mydiv").offsetWidth;
wid+="px"
这将返回以像素为单位的宽度,并将“px”附加到返回的数值上 然后你可以设置如下

getElementById("mydiv").setAttribute("style",'width:wid');
您可以在窗口中立即固定文档的宽度

$(document).ready(function() {
   var screenWidth = $(window).width();
   $('html,body').css('width', screenWidth + 'px');
 });

我想这取决于你的加价。例如,如果您有一个固定宽度为1000px的容器,并且
位置:相对
此容器的子元素的宽度为
宽度:20%
将始终为200px。这是正确的。用javascript制作一个容器,以像素为单位设置宽度/高度,然后用百分比调整其中所有内容的大小,这样做行吗?你到底想实现什么?目前,一个网页不是在调整大小时变小,而是被裁剪掉。这听起来像是无响应的默认行为;)你应该问一个更详细的问题,例如,告诉我们你现在有什么,我们可以帮助你在一个更容易的方式。谢谢,这似乎是工作。我仍然希望有一个更简单的方法来更动态地完成它:PIs它是否足够动态P