Question

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

任何帮助都将不胜感激。

代码很简单：

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

我注意到在宽度超过~450px

之后字体大小开始变化

Answer 1

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

禁用缩放。

Answer 2

我认为问题与：

有关

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

只需检查<head>代码并删除该代码（如果存在） - 不推荐 -

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

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

2 个答案: