Javascript 调整div大小时调整字体大小

我正在开发一个web应用程序，它允许您将动态

div

s添加到一个黑色背景的

div

容器中，这些动态

div

s可以通过jQuery调整大小和拖动

以下是此应用程序的代码：

.center{
显示：块；
保证金：自动；
位置：绝对位置；
顶部：0；底部：0；左侧：0；右侧：0；
高度：768px；
宽度：432px；
背景色：#000000；
}
.菜单{
边框：1px纯黑；
左侧填充：15px；
右侧填充：15px；
垫顶：2件；
垫底：2件；
浮动：左；
文本对齐：居中；
}
h3，li，ul{
文本对齐：左对齐；
}
恩卡德勒先生{
边框：1px纯白；
高度：120px；
位置：绝对！重要；
}
中庭酒店{
位置：绝对位置；
排名：0；
左：0；
右：0；
颜色：白色；
保证金：自动；
文本对齐：居中；
填充顶部：7px；
}
森特尔帕拉先生{
字号:16 ;；
颜色：白色；
保证金：自动；
文本对齐：居中；
左侧填充：7px；
右侧填充：7px；
}
.内部{
显示：内联块；
垂直对齐：中间对齐；
文本对齐：居中；
宽度：100%；
}
恩卡德勒：以前{
内容：“；
显示：内联块；
垂直对齐：中间对齐；
身高：100%；
}
/*-----可调整大小------*/
.ui可调整大小{位置：相对；}
.ui可调整大小的句柄{位置：绝对；字体大小：0.1px；z索引：99999；显示：块；}
.ui可调整大小已禁用.ui可调整大小句柄.ui可调整大小自动隐藏.ui可调整大小句柄{显示：无；}
.ui-resizeable-n{光标：n-resize；高度：7px；宽度：100%；顶部：-5px；左侧：0px；}
.ui-resizeable-s{光标：s-resize；高度：7px；宽度：100%；底部：-5px；左侧：0px；}
.ui-resizeable-e{光标：e-resize；宽度：7px；右侧：-5px；顶部：0px；高度：100%；}
.ui-resizeable-w{光标：w-resize；宽度：7px；左侧：-5px；顶部：0px；高度：100%；}
.ui可调整大小的nw{光标：nw调整大小；高度：7px；宽度：7px；顶部：-5px；左侧：-5px；}
.ui可调整大小se{光标：se调整大小；高度：7px；宽度：7px；右侧：-5px；底部：-5px；}
.ui可调整大小的ne{光标：ne调整大小；高度：7px；宽度：7px；顶部：-5px；右侧：-5px；}
.ui可调整大小的sw{光标：sw调整大小；高度：7px；宽度：7px；左侧：-5px；底部：-5px；}
/*----------------------*/

阿菲查奇
莱克兰酒店
1920x1080



肖像画
佩萨奇


阿尤尔酒店



var bg=document.getElementById（'bg'）；
bg.className=“center”；
var ajoutImg=document.getElementById（'ajoutImage'）；
向量初始对角；
变量初始值大小；
var rad=document.getElementsByName（'orientation'）；
对于（变量i=0；iTitre
'+name+'
）；
bg.appendChild（容器）；
$（容器）
.draggable（{containment:“parent”}）
.可调整大小({
遏制：“家长”，
句柄：“全部”
});
};
函数taileecran（）{
开关（document.getElementById（“选择器”）.value）{
案例“1920x1080”：
if（document.getElementById（“肖像”）.checked==true）{
bg.style.height='768px'；
bg.style.width='432px'；
}否则{
bg.style.height='432px'；
bg.style.width='768px'；
}
打破
}
}

好的，我终于发现了一个jquery脚本，它可以轻松地完成这项工作，而无需修改代码

jquery脚本是FitText（）

多亏了Igor Ivancha，我在css解决方案的底部找到了这个脚本

您只需添加：

$(titre)
.fitText(1.5);
$(para)
.fitText(0.4);

---

进入

标签，它将正常工作。谢谢大家

好的，我终于发现了一个jquery脚本，它可以轻松地完成这项工作，而无需修改代码

jquery脚本是FitText（）

多亏了Igor Ivancha，我在css解决方案的底部找到了这个脚本

您只需添加：

$(titre)
.fitText(1.5);
$(para)
.fitText(0.4);

---

进入

标签，它将正常工作。谢谢大家

很久以前我就写了一个jquery插件来实现这一点，看看吧--有一段时间没有更新，但在我写它的时候已经运行得很好了。我会检查它并给你反馈，谢谢：）实际上看看代码，它在调整大小时并没有这样做，但是可以很容易地进行分叉和更新，以便像这样工作。那么

css

-这个问题的解决方案呢