多行 <p> 和 <label> 字体大小根据行数变化答案

【问题标题】：Multiline <p> and <label> fontsize changing depending on number of lines多行 <p> 和 <label> 字体大小根据行数变化
【发布时间】：2021-02-16 02:26:58
【问题描述】：

由于某种原因，当有多行段落或标签时，字体大小会根据它们的行数进行调整，我所追求的只是让字体大小保持一致，而不管行数如何，标签具有完全相同的 css 样式和具有相同的继承；

This shows the problem

element.style {
}
@media (min-width: 320px)
.FAQAs {
    /* width: 95%; */
    padding-left: 2vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-right: 3vw;
    float: left;
    border-top-style: solid;
    border-top-color: grey;
    border-top-width: 2px;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
}
@media (min-width: 320px)
.FAQFontSize {
    /* font-size: 3.2vw; */
    font-size: 31.7px;
}
* {
    font-family: Verdana;
}
label[Attributes Style] {
}
user agent stylesheet
label {
    cursor: default;
}
@media (min-width: 320px)
.bodyFontSize {
    font-size: 100%;
}

我尝试使用不同的字体大小单位（em/px/pt 等），我尝试更改继承，设置父字体大小，似乎没有任何效果

https://jsfiddle.net/4prwzt36/

这是 JSfiddle，它是特定于移动设备的，但是我不知道如何在 jsfiddle 上设置它，桌面版很好

【问题讨论】：

使您的示例可重现。添加html
您的代码运行良好。对于不同大小的浏览器窗口，字体在任何地方都是相同的。您在哪个浏览器中看到此错误？
尝试放到head标签-<meta name="viewport" content="width=device-width, initial-scale=1">
我不得不重新调整我所有的字体大小，但这很有效！谢谢您，我可以将评论标记为答案吗？或者您可以将其发布为答案，以便我可以标记它
我很高兴你设法解决了这个问题。我给了你答案。你可以检查一下。

标签： html css asp.net

【解决方案1】：

在head 标记中插入这一行<meta name="viewport" content="width=device-width, initial-scale=1">。

【讨论】：