调整 div 宽度和高度中的字体大小在 photoshop 中看起来像 ctrl + t

Question

我可以在 div 中调整（可调整大小的 jquery ui）字体的大小，看起来像 Photoshop 中的 CTRL+T 吗？

我想用 jquery ui 调整 div 的大小并调整 div 中的自动字体大小 我没有反应意味着调整字体看起来像这张图片。

Answer 1

我认为我刚刚编写的这段代码可能会对您有所帮助

function createResizable(selector,relativeFontSize)
         {    
         	 $( selector ).css('font-size',parseInt(($(selector).width() * relativeFontSize)/100)+'px');     	
	         $(function() {
	            $( selector ).resizable({
	               resize: function (event, ui) {
	               	  var newFontSize = parseInt((ui.size.width * relativeFontSize)/100);
	                  $(this).css('font-size',newFontSize+'px');
	               }
	            });
	         });
	         $(selector).resizable({ alsoResize: selector});
         }

         $(document).ready(function(){
         	createResizable('#resizable',45);
         });

         #resizable{ 
         	width: 150px; height: 75px; 
         	padding: 0.5em;text-align: center; margin: 0; 
         }

<link href = "https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel = "stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<div id = "resizable" class = "ui-widget-content"> 
         Hello
      </div>