iOS Safari中HTML表格长文本字体大小异常问题求助

精简测试用例（需在iPhone上运行） #

<table>
  <tbody>
    <tr>
      <td>
        <pre>AB</pre>
      </td>
      <td>
        <pre><span>A</span>BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB</pre>
      </td>
    </tr>
  </tbody>
</table>

问题现象 #

在iOS 17的Safari中测试时，右侧<td>内的<pre>内容字体大小异常变大，显示效果如下：

移除<span>标签后问题可解决，但暂不清楚具体原因。该问题仅出现在iOS 17的Safari中，Mac和iPad的Safari均无此异常。

补充测试说明 #

为<span>添加display: none;后，字体大小恢复正常；但后续切换<span>的display属性，无法再触发字体大小异常的状态，推测这是Safari的渲染bug。

内容的提问来源于stack exchange，提问作者Peach