Question

我一直在寻找现有的线程来寻找解决方案，但没有什么适用于我的具体情况。

我有一个超链接，在相对定位的div内有绝对定位。填充和边距用像素定义，但我想以百分比重新定义它们。

例如，这个：

<a id="original" href="www.google.com" style="display: inline-block; position:absolute; left: 150px; top: 300px; padding: 100px 100px;" />

成为这个：

<a id="inserted" href="www.google.com" style="display: inline-block; position: absolute; left: 18.38235294117647%; top: 28.40909090909091%; padding: 9.469696969696969% 12.254901960784313%;"></a>

This jsfiddle example显示了我想要实现的目标。但是你会注意到转换后的填充的大小不如原始链接那么大（高度）。

希望我的描述足够清楚。否则，让我知道;）

Answer 1

当您以百分比指定填充时，其引用的是Width而不是height。所以你必须将值指定为

a.style.padding = aWidth / 816 * 100 + "%" +
                  aWidth / 816 * 100 + "% ";

Click here for modified Sample code

可以找到Here

的解决方法

将填充从像素转换为百分比

1 个答案: