Css 媒体查询和设置文本大小动画

我正在使用媒体查询更改导航的字体大小：

/* Large desktop */
@media (min-width: 1200px)
{  

#nav-options{
    margin: 45px 0 0 20px;
    li{
        margin: 0 15px 0 15px;
        font-size: 20px;
    }
}
}

/* Desktop */
@media (min-width: 980px) and (max-width: 1199px)
{  
#nav-options{
    margin: 45px 0 0 0px;
    li{
        margin: 0 0px 0 0px;
            font-size: 10px;
    }
}
}

---

问题是，当我更改窗口的大小时，文本将设置为不同的大小。有没有办法关闭它？

不要更改字体大小。现在，对于不同的分辨率，您可以使用不同的大小。

您必须尝试使用

max device width

和

min device width

。它只适用于屏幕分辨率，而不适用于窗口大小

，但如何更改不同屏幕大小的字体大小？这个答案没有任何意义。它适用于窗口大小，因为我现在正在测试它。我只是想知道如何停止文本的动画制作。检查样式表中是否有css转换与动画制作有什么关系？当我更改浏览器的大小时，字体大小会动画化。