如何在html中将像素转换为百分比测量？

Question

我设计了一个来自asp.net＆amp; amp;的网站。因为我在css的帮助下设计了html页面。在那个css中，我拍摄的所有测量都是以像素为单位的。我想将所有像素转换为百分比？

这有转换公式吗？

怎么做？

感谢。

Answer 1

要将块元素的宽度更改为百分比值，您必须以相同的单位知道其容器的宽度。

var widthChildPercent = widthChildPixels / widthParentPixels;

显然，在更新样式时，您可能希望将其格式化为整数值，但这将是通用公式。

Answer 2

您可以使用THIS将像素值转换为百分比

Answer 3

从静态布局转换灵活布局时，我使用以下公式：

result = 100 * target / context

，其中

• target是您想要更改的内容
• context（通常）是您要使用的页面宽度。

例如，如果你有一个当前宽度为330px的块元素<section>并且你正在使用1024px的包装器，你可以使用330/1024*100，它会得到32.23％的结果为你的宽度。但是，通常，对于要转换为em而非百分比的字体。