2014-09-13 126 views
0

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

+0

取决于您的标记,我会说。例如,如果你有一个固定宽度为1000px的容器,并且'position:relative'这个容器的一个子元素,我们说'width:20%'的宽度总是200px。 – lexith 2014-09-13 16:29:35

+0

这是真的。它会工作来创建一个容器并使用javascript设置像素宽度/高度,然后用百分比来设置其中的所有内容? – zfollette 2014-09-13 16:32:28

+1

你想要达到的究竟是什么? – lexith 2014-09-13 16:34:58

回答

1

你可以使用javascript来做到这一点。 你得到元素的当前宽度的宽度,然后将该宽度设置为元素。

var wid = document.getElementById("mydiv").offsetWidth; 
wid+="px" 

此返回以像素为单位的宽度,并且您追加“PX”返回的数值 ,然后就可以将其设置为低于

getElementById("mydiv").setAttribute("style",'width:wid'); 

可以修复的文件的在宽度曾经在beggining

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

+0

谢谢,这似乎工作。我仍然希望有一个更简单的方法可以更动态地实现它:P – zfollette 2014-09-13 16:46:44

+0

动态性足够吗? :p – Anush 2014-09-13 17:00:00