2016-07-10 187 views
0

我不知道在桌面浏览器中会发生什么,但在Android默认浏览器中,当我将宽度和高度保持为100%时,textarea的字体大小会根据屏幕我试图提醒字体大小的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> 

我注意到,字体大小开始宽度变后改变超过〜450像素

回答

0

我认为相关的问题:

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

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

  • 可能与cssmedia Query 支票stylesheet媒体查询和修改font-size
+0

我已将其删除..它不起作用 –

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

禁用变焦的另一个原因。

+1

根据辅助功能指南,我们不禁用缩放功能,这对视力受损的人来说是不友好的。 –

+0

我想这样做,但我真的不想调整到视口的时刻,虽然调整到视口确实解决了问题,因为屏幕宽度变得小于450像素:( –