如何在调整窗口大小时将此div居中以使其位于堆叠位置(移动视图)

.div-class {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

window.addEventListener('resize', function() {
  var div = document.querySelector('.div-class');
  var parent = div.parentNode;
  var parentWidth = parent.offsetWidth;
  var parentHeight = parent.offsetHeight;
  var divWidth = div.offsetWidth;
  var divHeight = div.offsetHeight;
  
  div.style.left = (parentWidth - divWidth) / 2 + 'px';
  div.style.top = (parentHeight - divHeight) / 2 + 'px';
});