Chrome Android从第三段起不遵循设置字号大幅缩放文本问题求助

Chrome Android及基于它的浏览器存在文本字号强制缩放问题：当文本内容超过两行时，浏览器会大幅放大字号，完全无视设置的px、em、rem、%等单位；而文本少于三行时字号能保持设置值。该问题仅在Chrome Android系列浏览器中出现，Chrome桌面版及其他浏览器中字号要么保持不变，要么缩放幅度极小。

示例代码 #

多行文本（超过2行） #

<html>
<body style="background-color:black;">
  <div style="color:white; font-size:50px;">
      <p>Selected text size: 50px. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows. More than 2 rows.</p>   
  </div>
</body>
</html>

少于三行文本 #

<html>
<body style="background-color:black;">
  <div style="color:white; font-size:50px;">
      <p>Selected text size: 50px. Less than 3 rows.</p>   
  </div>
</body>
</html>

问题对比图 #

已将两种场景的代码部署在线，需通过Chrome Android访问才能看到差异。

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