使用js根据确定的px和框宽调整字体大小

Question

我需要调整我的标签p的font-size(比如vw)，基于16px的大小，与她的box的大小成比例。16px在vw等于1.119vw，但这是100%的宽度;在我的情况下，我需要50%的大众。

<div class="box"> 
<p> Resize my text </p>
</div>

.box {
width: 50%;
}
p {
font-size: 16px;
}

Answer 1

因为您没有提供明确的期望。你可以这样做:

font-size: calc(1.119vw / 2);

根据vw计算以像素为单位的字体大小，然后除以2来实现。