媒体查询和动画文本大小

Question

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

/* 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;
    }
}
}

问题是，当我改变窗口的大小时，文本会动画到不同的大小。有没有办法把它关掉？

Answer 1

您必须尝试使用​​max-device-width和min-device-width。它仅适用于屏幕分辨率，而不适用于窗口大小

Answer 2

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