safari中不渲染宽度高度的按钮和图像

<button style="width: 100px; height: 50px;">按钮</button>
<img src="image.jpg" style="width: 200px; height: 150px;">

<div style="display: flex; justify-content: center; align-items: center;">
  <button style="width: 100px; height: 50px;">按钮</button>
</div>

<div style="display: grid; place-items: center;">
  <button style="width: 100px; height: 50px;">按钮</button>
</div>

<button id="dynamic-button">按钮</button>

<script>
  const button = document.getElementById('dynamic-button');
  const width = button.offsetWidth;
  const height = button.offsetHeight;
  // 根据需要进行后续操作
</script>