文本区域根据屏幕大小更改字体大小

textarea changes font-size according to the screen size

本文关键字：字体 屏幕 区域 文本      更新时间：2023-09-26

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

任何帮助将不胜感激。

代码很简单，是：

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

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

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

禁用缩放。

我认为问题与：

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

只需检查<head>标签并将其删除（如果存在）--不推荐 -

  • 另一个原因可能与css媒体查询有关检查stylesheet中的媒体查询并更改font-size
相关文章：