Jquery UI 调整文本大小取决于父 div 和屏幕大小

【问题标题】：Jquery UI resize text size depends on parent div and screen sizeJquery UI 调整文本大小取决于父 div 和屏幕大小
【发布时间】：2016-03-24 08:28:57
【问题描述】：

我在我的一个项目中使用 gridstack.js，并且网格上有 3 个可调整大小和可拖动的 div。
我想在这些 div 中调整 p 和 h3 标签中的文本大小，并在调整父 div 大小时保存 fontsize 值。我可以这样做： Can text be resizable using jquery-ui?

但是当画面发生变化时我该怎么办？例如，我使用的是小屏幕，在调整其中一个 div 的大小后，p fontsize 可能为 12px。当我使用大屏幕时，p 标签的字体大小应该是多少？我该如何调整？

谢谢

【问题讨论】：

标签： javascript jquery css gridstack

【解决方案1】：

您可以只使用@media 规则来根据屏幕宽度运行每个规则。 http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

【讨论】：

嗨，你知道 div 在 gridstack 中可以调整大小，当 div 调整大小时，文本也会调整大小。例如，我可以为 '@media' max-width:480px 设置 font-size:12px 和为 '@media' max-width:960px 设置 font-size:16px 。但是当我有一个 6 块宽度的 div（在 gridstack 中）时，在 480 像素和 960 像素的屏幕中应该可以看到其中的文本不同。而且这些字体大小值不应该是静态的，因为我也在调整 div 的大小和字体大小的变化。我不知道屏幕交换时的字体大小值。谢谢
您可以根据父元素将其更改为基于 % 的字体大小吗？例如。 80% p.parent