html - CSS PX 到百分比

<分区>

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

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

然而，对于宽度，我想使用一个百分比，但在我的一生中，我找不到一个简单的答案，甚至找不到一个将 PX 转换为 % 的网站，甚至只是为了得到使用百分比的答案980 像素还是 960 像素？是 62.5% 还是 70%？

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

感谢任何能回答这个问题的人!

最佳答案

我不想把它告诉你，但你可能会有一些人在这里对你翻白眼。

百分比是相对于父容器大小的。 50% 表示“父宽度的一半”。没有没有“px-%”的转换，因为一个是固定值，一个是 flex 比例。这就是......有点为什么你找不到任何这样的东西。

关于html - CSS PX 到百分比，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22521467/

相关文章：

html - 固定长度 DIV 与百分比长度 DIV 内联？