텍스트 영역의 크기

Question

증가없이 텍스트 영역에서 글꼴 크기 조정 내가 슬라이더는 텍스트 영역에 글꼴의 크기를 제어해야하는 일부 jQuery로 장난과 같은 것을 사용 : 슬라이더를 제어하기 위해 함수 내에서

... 
slide: function(event, ui) { 
    $('#t_area').css("font-size", ui.value + "px"); 
} 
.... 

을 . 텍스트 영역에 텍스트가 없을 때에도 슬라이더를 움직이면 텍스트의 크기가 커지며 (텍스트가 들어있을 때는 커지게됩니다.) 그래서 텍스트를 늘릴 수있는 방법이 있는지 궁금합니다. 그 부작용이없는 텍스트의 크기?

감사

Answer 1

설정 크기. 데모 : 명시 적 차원없이 http://jsfiddle.net/6qZAh/

textarea { 
    width: 100px; 
    height: 50px;  
} 

는, 크기는 textarea의 행/COLS을 기반으로합니다. 이러한 값이 명시 적으로 설정되지 않은 경우에도 사용자 에이전트는 기본값을 사용합니다.

데모 : http://jsfiddle.net/6qZAh/1/ 크롬과 IE9에서

$("textarea").on("click",function(){ 
    var t = $(this); 
    alert(t.prop("rows")); 
    alert(t.prop("cols")); 
}); 

이 나 "2"와 "20"을 보여줍니다.

이 spec-driven (강조 내)로 나타난다 :

행

경우 0보다 큰 숫자의 속성의 값을 결과로 음이 아닌 정수를 구문 분석 규칙을 적용 요소의 문자 높이가 해당 값입니다. 그렇지 그것은부터 Cols 2.

인

경우 소자의 에 0보다 큰 숫자를 속성 값 결과로 음이 아닌 정수를 파싱 규칙 적용 문자 폭은 값입니다. 그렇지 않으면 은 20입니다.

Answer 2

CSS : 당신은 단지 이것에 대한 CSS를 사용할 수

textarea { max-width:300px;max-height:300px; } 

Answer 3

. textarea에

textarea{ 
    width: 100px; 
    height: 100px; 
} 

Answer 4

if($('#t_area').text() != ""){  
    $('#t_area').css("font-size", ui.value + "px"); 
}