仅使用CSS和HTML能否基于元素当前字号调整指定标签的字体大小？

可以实现，不需要用到JavaScript，有两种常用实现方案： #

方案1：直接使用百分比/em单位实现局部缩放 #

font-size的百分比、em单位本身就是相对于元素当前继承到的默认字号计算的，直接设置即可达到按比例缩放的效果。
示例代码：
基础样式定义默认字号：

h1 {
  font-size: 2rem;
}
p {
  font-size: 1rem;
}

需要调整单个元素的字号时，直接加行内样式即可：

<!-- 比默认h1字号大20% -->
<h1 style="font-size: 120%">放大20%的标题</h1>
<!-- 比默认p字号小3% -->
<p style="font-size: 97%">缩小到原大小97%的段落</p>

方案2：使用CSS变量实现全局统一缩放+局部自定义 #

如果需要支持用户全局统一调整所有指定标签的缩放比例，用CSS变量会更易维护：
首先定义全局缩放变量和基础样式：

:root {
  /* 用户可在此处自定义全局缩放比例 */
  --global-font-scale: 97%;
}
h1 {
  font-size: calc(2rem * var(--global-font-scale));
}
p {
  font-size: calc(1rem * var(--global-font-scale));
}

如果需要单独调整某个元素的缩放比例，直接覆盖变量即可：

<!-- 单独将这个h1放大20%，不受全局缩放比例限制 -->
<h1 style="--global-font-scale: 120%">自定义放大的标题</h1>

内容的提问来源于stack exchange，提问作者Evik Ghazarian