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

，可以通过以下方法实现：

使用CSS的transform属性：可以使用transform属性对字体进行缩放，而不会影响父元素的高度。具体实现如下：

div {
  transform: scale(0.8);
}

上述代码将字体缩小为原来的80%。

使用CSS的rem单位：rem单位是相对于根元素（html）的字体大小的单位。通过设置根元素的字体大小，可以影响整个页面的字体大小，而不会影响父元素的高度。具体实现如下：

html {
  font-size: 16px;
}

div {
  font-size: 0.8rem;
}

上述代码将字体缩小为根元素字体大小的80%。

使用JavaScript动态修改字体大小：通过JavaScript可以动态修改元素的样式，包括字体大小。可以通过计算父元素的高度，然后根据需要的字体大小进行调整。具体实现如下：

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'; // 设置子元素的字体大小

上述代码将根据父元素的高度动态计算字体大小，并将其应用于子元素。

请注意，以上方法仅提供了一些常见的实现方式，具体的实现方法可能因具体情况而异。