Question

I fixed the the height for text-area element in jQuery mobile and i got perfect height and width in portrait but in landscape the width doesn’t enlarge. can any one help me? thanks in advance.

HTML:        <textarea cols="55" rows="50" name="textarea" id="newMarkCompleteCommentText" style="background-color:White;width:95%;height: 50px;"></textarea>

IN JS:
    $('#newCommentText').attr('style', 'background-color:White;font-size:18px;height:7em;');

Answer 1

Try setting “width: auto”. Also, instead of “.attr(‘style’, …)” you can use “.css(‘attribute’, ‘value’)”

$('#newCommentText').css('background-color', 'white').css('font-size', '18px').css('height', '7em').css('width', 'auto');