Html 我的字体大小根据项目的数量而变化

我为我的网站创建了一个移动部分（它不使用@media，因为它是网站的另一部分，我更喜欢使用不同的视图），只是我的字体变大了，但是很多

例如，当您必须滚动页面时，某些项目的字体大小要么太大，要么太小，我不知道这是从哪里来的

比如：

1/2项目：

2个或多个项目：

我的代码：

.page mnu
{
填充：15.2vh 1.2vh；
动画名称：arrivedroite；
动画持续时间：0.8s；
动画延迟：0.3s；
不透明度：0；
过渡：0.8s；
字体大小：2.8rem；
}
.包厢秀{
显示器：flex；
弯曲方向：立柱；
保证金：2.8雷姆0；
}
.box ind{
边框：0.2rem纯黑；
保证金：1.3雷姆0；
}
.tt盒{
显示器：flex；
对齐项目：居中；
证明内容：中心；
颜色：白色；
宽度：100%；
高度：5.2vh；
字号：2.1rem；
}
.碳纳米管盒{
字体大小：1.8rem；
填充：1.2rem；
}

早上好，诺姆
小报信息
奥库恩信息倾泻时刻
小报信息
奥库恩信息倾泻时刻
小报信息
奥库恩信息倾泻时刻
小报信息
奥库恩信息倾泻时刻
小报信息
奥库恩信息倾泻时刻
小报信息
奥库恩信息倾泻时刻

我的错，我忘记了元视口，谢谢你

CSS缺少第一个规则集的选择器。我似乎无法重现这个问题，因此它可能来自页面上的其他CSS。您的字体大小似乎是在rem中定义的，这取决于根元素的字体大小。如果根元素在不同的页面上具有不同的字体大小，它将相应地更改使用定义的字体大小rem@SeeoX我认为我没有基本字体大小，所以如果我正确理解rem从根元素继承的内容？它必须是px，或者可以是rem/em？（我的css:）