Javascript textarea根据屏幕大小更改字体大小

我不知道在桌面浏览器中会发生什么，但在Android默认浏览器中，当我保持宽度和高度为100%时 文本区域的字体大小根据屏幕的大小而增加。我试图提醒文本区域的字体大小，但它没有改变。我认为这是浏览器中的一个错误，如果没有，是否有办法解决这个问题

任何帮助都将不胜感激

代码很简单，它是：

<textarea></textarea>
<style>
  textarea{
   width:100%;
   height:100%;
   font-size:16px;
  }
</style>
<script>
  alert($("textarea").css("font-size"));//uses jquery
  //Outputs 16
</script>

文本区{
宽度：100%；
身高：100%；
字体大小：16px；
}
警报（$（“textarea”）.css（“字体大小”）//使用jquery
//产出16

---

我注意到，在宽度超过~450px后，字体大小开始改变。我认为问题与：

<meta name="viewport" content="width=device-width, initial-scale=1">

只需检查

标签，并将其移除（如果存在）——不建议这样做--

• 另一个原因可能与

  css

  检查

  样式表中的媒体查询

  并更改

  字体大小

---

我认为问题与：

<meta name="viewport" content="width=device-width, initial-scale=1">

只需检查
标签，并将其移除（如果存在）——不建议这样做--
• 另一个原因可能与

  css

  检查

  样式表中的媒体查询

  并更改

  字体大小

禁用缩放。

---

禁用缩放。
根据辅助功能指南，我们不会禁用缩放，这对视力受损的人来说是不友好的。我想这样做，但我现在真的不想被调整到视口，尽管调整到视口确实解决了问题，因为屏幕宽度小于450px：（根据辅助功能指南，我们不会禁用缩放，这对视力受损的人来说是不友好的。我想这样做，但我现在真的不想被调整到视口，尽管调整到视口确实解决了问题，因为屏幕宽度小于450px：(