CSS PX到百分比[关闭]

Question

好的，所以这个问题似乎已被问过几次，但仍然没有设法得到简单的答案，我在看其他问题之后，所以会以我自己的方式问这个问题。我想在CSS中创建一个带容器的站点，如下所示：

.container {
     height: 100%;
     margin: 0 auto;
     width: 980px;
}

然而，对于宽度，我想要使用一个百分比，但对于我的生活，我找不到一个简单的答案，甚至是一个将PX转换为％的网站，甚至只是为了得到代替980px的百分比答案或960px？是62.5％还是70％？

有人可以帮我解决这个问题并回答这个简单的问题，或者至少给我一个我可以通过转换看到的网站，就在任何人用PX到EM网站回答之前，我已经看过它并且不清楚该网站更适合字体大小。

感谢能够回答此问题的任何人！

Answer 1

我讨厌打破它，但你可能会有几个人在这里盯着你看。

百分比是相对于父容器大小的百分比。 50%的意思是“父母宽度的一半”。没有“px-％”转换，因为一个是固定值而另一个是灵活比率。那是......有点为什么你找不到任何这样的东西。

Answer 2

问题：要以百分比形式获取子元素，

您可以使用JQuery轻松获得父或子宽度。例如：$('#parent').width()

然后应用此数学运算来获取子元素的百分比值：（A / B）* 100

代替： (760/1024) * 100 = 74.22% ..因此解决了。

Answer 3

而不是从像素转换为百分比尝试以百分比为例获取元素的维度

var width = $('#someElt').width();
var parentWidth = $('#someElt').offsetParent().width();
var percent = 100*width/parentWidth;