Javascript可以检测DIV高度或默认字体大小是否发生变化？

Question

问题： Javascript可以检测DIV的高度是否发生变化？如果没有，它可以检测用户是否更改了浏览器中的默认字体大小？

我查看了Mozilla Event Reference，但找不到适用于我的问题的事件。

背景：我的网站使用REM字体大小构建字体。

例如，

h1 {
  font-size: 4rem;
}

我的标题使用.jpg background-image，其高度为320像素。不幸的是，如果用户将字体大小增加一倍以上，则标题会比320px更高，并且背景图像看起来很糟糕。在这种情况下，我想使用Javascript将背景图像切换为看起来很好的颜色。

resize检测宽度是否发生变化，这样做无济于事。

window.addEventListener('resize', myFunction);

scroll检测是否使用了滚动条。

window.addEventListener('scroll', myFunction);

我无法找到解决此事件的事件。