您也可以使用em单位作为元素的字体大小。它的设计使您可以从基本字体大小进行缩放，例如，2em将使span文本的大小为基本字体大小的两倍
如果你只是想让你的文本适合一个容器，那么你可以使用类似fittext插件的东西

body {
  font-size: 16px;
}

span {
  border: 1rem solid #370DD7;
  background-color: white;
  padding-inline: 0.5rem;
}

.bigtext {
  font-size: 2em;
}

<span>This is some text</span>
<span class='bigtext'>This is bigger text</span>

你可以通过将32px字体缩放0.5倍来转换按钮内容。由于转换是一个绘制时操作，因此不会影响按钮的布局或大小。

button {
  display:block;
  font-size: 32px;
}
button.size16 span {
  display: block;
  transform: scale(0.5);
}

<button class="size32"><span>Submit</span></button>
<button class="size16"><span>Submit</span></button>

字体大小是决定一个文本将占用多少空间的属性。
所以，当你把32px作为字体大小时，这意味着文本将占用32px。而当你把16px作为字体大小时，它将只占用16px。
你现在所期望的是无法做到的，而且似乎也不是一个有效的要求。
你能更详细地描述一下你方的确切要求吗？
你是想让文本占据整个32px还是只让父文本占据32px。
也可以尝试共享代码片段。