在不影响div父高度的情况下更改字体大小

div {
  transform: scale(0.8);
}

html {
  font-size: 16px;
}

div {
  font-size: 0.8rem;
}

var parentHeight = document.getElementById('parent').clientHeight;
var desiredFontSize = 20; // 需要的字体大小

var fontSize = Math.floor(parentHeight / 2); // 根据父元素高度计算字体大小，这里使用父元素高度的一半作为字体大小

if (fontSize > desiredFontSize) {
  fontSize = desiredFontSize; // 如果计算得到的字体大小超过了需要的字体大小，则使用需要的字体大小
}

document.getElementById('child').style.fontSize = fontSize + 'px'; // 设置子元素的字体大小