Изменяемый размер текста 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"));

Вы можете видеть, что она отлично работает на этой скрипке .