在CSS中，将基于'px'的填充计算为具有100％宽度的元素的百分比

Question

我有以下内容：

HTML

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

CSS

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

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