Some strange behavior is occurring in the Android default browser when I set the width and height of a textarea to 100%. The font size of the textarea seems to increase based on the screen size, and even though I attempted to alert the font-size using jQuery, it remains unchanged. Is this a bug within the browser? If not, is there a solution to fix this issue?
Any assistance would be greatly appreciated.
The code in question is rather simple:
<textarea></textarea>
<style>
textarea{
width:100%;
height:100%;
font-size:16px;
}
</style>
<script>
alert($("textarea").css("font-size"));//uses jquery
//Outputs 16
</script>
I have observed that the font size only begins changing once the width exceeds approximately 450px.