如何使用vanilla JS查看加载和调整窗口大小时的元素大小？

// 获取元素
const element = document.querySelector('.element-class');

// 窗口加载完成后获取元素大小
window.onload = function() {
  const width = element.offsetWidth;
  const height = element.offsetHeight;
  console.log('元素宽度：', width);
  console.log('元素高度：', height);
};

// 监听窗口调整事件
window.addEventListener('resize', function() {
  const newWidth = element.offsetWidth;
  const newHeight = element.offsetHeight;
  console.log('调整后的元素宽度：', newWidth);
  console.log('调整后的元素高度：', newHeight);
  // 在这里可以根据需要进行相应的操作，如调整元素样式等
});