css3--media查询

原创于 2018-12-17 07:53:53 发布 · 125 阅读

CC 4.0 BY-SA版权

文章标签：

3 篇文章

订阅专栏

本文介绍了一种常见的CSS Media查询失效的原因及解决方法。作者在使用Media查询时遇到不生效的问题，通过检查代码发现是因为在样式规则末尾多了一个分号，导致整个Media查询失效。去掉多余的分号后，Media查询恢复正常工作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天使用media查询发现不起作用，代码如下：

  nav li a { text-decoration: none; font-size: 1.2em;};
    @media only screen and (min-width:480px){
         nav ul li{float: left};
    }

原因就是第一行的；造成的，把它去掉就好了。