在CSS中，计算'；px和x27；以100%宽度的元素百分比为基础的填充

我有以下资料：

HTML

<div class="mobile-container">
Hello World!
</div>

---

如何将“50px”填充转换为百分比。随着设备视口宽度的增加，我希望填充按比例增加。但是，真正的原因是，我想知道这个值是多少，作为一个百分比，我将能够计算元素的宽度减去填充，作为一个百分比。这将允许我为元素内的文本指定“vw”单位。

使用Javascript。可能我误解了。你不能把填充设置成一个百分比吗？是的。我可以给填充一个任意值，或者我可以按照建议使用javascript，通过使用视口的“px”值计算出50px作为%的值。或者我可以使用最小的移动设备宽度320px来计算50px是多少，作为一个百分比。我只是想知道是否有一个明确的答案？哦，我明白了。您希望计算值为50px，但定义为百分比？由于填充随着宽度的变化而变化，我认为您需要定义填充的宽度为50px。例如，在500px宽时，填充将为50px。再说一次，我可能还是误解了你的目标。是的。我认为你是对的。我需要定义一个基准宽度来计算百分比。我考虑使用320px作为宽度。但是，实际上我真正想要的是通过CSS模拟javascript解决方案？

.mobile-container{
width:100%;
padding:50px;
}