javascript - 在不增加 textarea 大小的情况下调整 textarea 中的字体大小

Question

我在搞乱一些 Jquery 来让滑块控制文本区域中字体的大小，并使用了类似的东西：

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

在函数内控制滑块。我注意到即使文本区域中没有文本，当我移动滑块时它的大小仍然会增加（当其中有文本时也会变得太大。）所以我想知道是否有办法增加没有副作用的文本大小？

谢谢

score 2 · Accepted Answer

2

CSS：

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

于 2013-02-27T08:21:16.623 回答

score 2 · Accepted Answer

2

您可以为此使用css。

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

于 2013-02-27T08:21:49.353 回答

score 0 · Accepted Answer

在上设置尺寸textarea。演示：http: //jsfiddle.net/6qZAh/

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

如果没有明确的尺寸，尺寸将基于textarea. 即使没有明确设置这些值，用户代理也会使用默认值。

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

在 Chrome 和 IE9 中，这显示了“2”和“20”。

这似乎是规范驱动的（强调我的）：

行

如果将解析非负整数的规则应用于属性的值会导致数字大于零，则元素的字符高度就是该值；否则为 2。

科尔斯

如果将解析非负整数的规则应用于属性值的结果大于零，则元素的字符宽度就是该值；否则为 20。

score -1 · Accepted Answer

-1

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

于 2013-02-27T08:22:32.847 回答

4 回答 4