媒体查询和动画文本大小答案

【问题标题】：Media Queries and Animating Text Size媒体查询和动画文本大小
【发布时间】：2013-04-24 21:35:20
【问题描述】：

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

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

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

【问题讨论】：

它与动画有什么关系？
当我改变浏览器的大小时，字体大小会动画。

标签： css media-queries font-size

【解决方案1】：

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

【讨论】：

它确实适用于窗口大小，因为我现在正在测试它。我只想知道如何阻止文本动画。
检查您的样式表中是否有任何 css 转换

【解决方案2】：

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

【讨论】：

但是如何更改不同屏幕尺寸的字体大小？
这个答案没有任何意义。