可调整大小的文本jQuery

Question

我希望在左右拖动时按比例恢复文本。它只是调整外部div的大小，但不会使文本变大或变小

function getContentDiagonal() {
var contentWidth = $("#deneme").width();
var contentHeight = $("#deneme").height();
return contentWidth * contentWidth + contentHeight * contentHeight;
}
$(function() {
$("#deneme").resizable({
create: function(event, ui) {
initDiagonal = getContentDiagonal();
initFontSize = parseInt($("#resizable").css("font-size"));
},
resize: function(e, ui) {
var newDiagonal = getContentDiagonal();
var ratio = newDiagonal / initDiagonal;
$("#deneme").css("font-size", initFontSize + ratio * 3);
}

});
});

Answer 1

您的脚本中只有一个拼写错误，而不是：

initFontSize = parseInt($("#resizable").css("font-size"));

应该有：

initFontSize = parseInt($("#deneme").css("font-size"));

你可以看到它在这个Fiddle上运行得很好。