大佬教程收集整理的这篇文章主要介绍了Jquery：使用可调整大小的UI插件增加或减少文本的字体大小，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我希望在我增加调整大小时减少contenteditable div的字体大小,并在减少调整大小时减少字体大小.基本上我希望文本在调整大小时最符合可疑的div.
代码：
$(".resizeable").resizable({
containment: "#background",minHeight: 120,maxHeight: 350,maxWidth: 550,minWidth: 220,resize: function(event,ui) {
resizeText(1);
}
});
function resizeText(multiplier) {
var textarea = $("#message");
var fs = (parseFloat(textarea.css('font-size')) + multiplier).toString() + 'px'; // Increment fontsize
var text = textarea.val(); // Firefox won't clone val() content (wierd..)
textarea.css({'font-size':fs}).replaceWith( textarea.clone().val(text) ); // Replace textarea w/ clone of itself to overcome line-height bug in IE
}
例如：
$("#contenteditable").resizable({
resize: function(event,ui) {
// handle fontsize here
console.log(ui.size); // gives you the current size of the div
var size = ui.size;
// something like this change the values according to your requirements
$(this).css("font-size",(size.width * size.height)/1000 + "px");
}
});
以上是大佬教程为你收集整理的Jquery：使用可调整大小的UI插件增加或减少文本的字体大小全部内容，希望文章能够帮你解决Jquery：使用可调整大小的UI插件增加或减少文本的字体大小所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。