textarea 根据屏幕大小改变字体大小答案

【问题标题】：textarea changes font-size according to the screen sizetextarea 根据屏幕大小改变字体大小
【发布时间】：2016-07-10 09:32:45
【问题描述】：

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

任何帮助将不胜感激。

代码很简单就是：

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

我注意到在宽度超过 ~450px 后字体大小开始变化

【问题讨论】：

标签： javascript jquery css textarea

【解决方案1】：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

禁用缩放。

【讨论】：

根据无障碍指南我们不会禁用缩放，这对视力障碍者不友好。
我想这样做，但我真的不想暂时调整到视口，尽管调整到视口确实解决了问题，因为屏幕宽度变得小于 450px :(

【解决方案2】：

我认为问题与：

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

只需检查<head> 标签，如果存在则删除它--不推荐--

另一个原因可能与css media Query 有关检查stylesheet 中的媒体查询并更改font-size

【讨论】：