如何根据屏幕尺寸改变chart.js中的字体大小

Question

我需要根据屏幕尺寸更改使用u200du200dchart.js创建的图表中文本的字体大小，但我不知道该怎么做。

我尝试使用 tailwindcss 来做到这一点，并为父标签提供一个类，但问题没有解决。

<div class="text-md sm:text-lg ">
   <canvas id="chart">
   </canvas>
</div>

Answer 1

除了建议之外，您还尝试过做什么？

根据文档，“text-aa”标签控制字体大小
参考：https://tailwindcss.com/docs/font-size#setting-the-font-size
例如

<div class="text-sm">
    <canvas id="chart"></canvas>
</div>

或者你可以使用“text-base”，我在文档中找不到“text-md”？
请注意，“md:text-lg”会增加中到大屏幕上的字体大小
md 前缀是中等（屏幕）查询