我可以在Photoshop中调整div中的大小(resizable jquery ui)字体,如 CTRL + T 吗?
我想用jquery ui调整div,并调整div中的自动字体 我没有响应意味着调整大小的字体看起来像这个图像。
答案 0 :(得分:0)
我认为我刚才制作的这段代码可以帮到你
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>