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

我正在我的一个项目中使用gridstack.js，网格上有3个可调整大小和可拖动的div。
我想调整这些div中p和h3标记中的文本大小，并在调整父div大小时保存fontsize值。我可以这样做：

但是当屏幕改变时，我该怎么办呢？例如，我使用的是小屏幕，在调整其中一个div的大小后，fontsize可能是12px。当我使用大屏幕时，p标签的大小应该是多少？我如何调整这个

---

谢谢

您可以根据屏幕宽度使用

@media

规则来运行每个规则。

---

您好，您知道div在gridstack中是可调整大小的，并且文本在div调整大小时也会调整大小。例如，我可以为“@media”设置最大宽度为480px的字体大小：12px，为“@media”设置最大宽度为960px的字体大小：16px。但是当我有一个6块宽度的div（在gridstack中）时，在480px和960px屏幕上，应该可以看到不同的文本。这些字体大小值不应该是静态的，因为我也在调整div的大小和字体大小的变化。当屏幕交换时，我不知道fontsize值。谢谢您可以根据父元素将其更改为基于%的字体大小吗？例如，80%的家长