Javascript 我试图制作一个有响应性的文本，但它'；无论屏幕有多大，s的大小都是固定的

在模拟器上，文本看起来还可以，但在我的手机上，它太大了

<label text="just some regular text" class="text"> </label>
.text{
font-size: 20%;
}

.文本{
字体大小：20%；
}

为

字体大小

属性使用

%

值不会使大小与视口大小成比例。它只是相对于父元素的字体大小调整文本大小

例如：

正文{
字体大小：32px；
}
.文本{
字体大小：50%；
}

---

此文本为32px=16px的50%{N}不支持%的字体大小，您可以根据屏幕大小计算所需的字体大小，并在运行时插入CSS。感谢您提供详细答案。我试图为媒体查询添加广告，但由于某些原因，它们无效：@media screen和（min-width:20）{.info{font-size:30；}}如果您查看上面的示例，您需要向媒体查询添加单位，例如
@media screen和（min-width:300px）{}
，这些媒体查询将在视口为320px和600px时启动。此外，您应该在字体大小中添加一个单位，如
30px
您能看看我的游乐场并告诉我我做错了什么吗？