通过JavaScript在HTML5中的P或Div标记中自动调整字体大小,无需外部插件

通过JavaScript在HTML5中的P或Div标记中自动调整字体大小,无需外部插件,javascript,css,html,Javascript,Css,Html,正如问题所述, 我想让p标签或DIV标签内的文本自动调整 例如,我将文本字体大小设置为30px, 然后,如果div/p足够大,甚至很大,文本将始终保持在30px, 另一方面,如果div/p变小(无论宽度/高度如何), 文本字体大小也会缩小,因此它可以在小div/p中100%显示自己 我一直在寻找解决方案,但其中很多都需要外部jQuery, 有没有一种没有外部插件的简单方法可以做到这一点?尝试使用媒体查询。当P或DIV在不同的高度和宽度范围内时,可以设置不同的字体大小 这可能有助于: 我很确定CS

正如问题所述, 我想让p标签或DIV标签内的文本自动调整

例如,我将文本字体大小设置为30px,
然后,如果div/p足够大,甚至很大,文本将始终保持在30px,
另一方面,如果div/p变小(无论宽度/高度如何),
文本字体大小也会缩小,因此它可以在小div/p中100%显示自己

我一直在寻找解决方案,但其中很多都需要外部jQuery,

有没有一种没有外部插件的简单方法可以做到这一点?

尝试使用媒体查询。当P或DIV在不同的高度和宽度范围内时,可以设置不同的字体大小

这可能有助于:

我很确定CSS不能单独完成这项工作。您需要使用JavaScript(带或不带jQuery)来获取文本的宽度,并将其大小设置为其容器的宽度。