我的CSS中的媒体查询不起作用

时间:2015-07-17 00:56:06

标签: html css debugging responsive-design media-queries

我的媒体查询存在问题。它们似乎无法在任何一种浏览器中运行。我试过Opera,Chrome,Firefox。这是页面http://amatalents.com/about-us.html,这些是主要部分的媒体查询

    @media screen and (min-width: 150) and (max-width: 400) {
       .windows div {
           width: 100%;
           display: table-column;
         }
       .windows div a {
           font-size: 10px;
           color: green;
         }
       .windows {
           background-color: red;
         }
       }

我还验证了css文件并且第一次它做得很好,并且只提到了css解析器错误,该文件解析器部分错误地引用了媒体查询,但第二次引用媒体查询时却没有提到解析器错误。    我搞不清楚了... 请帮忙!

1 个答案:

答案 0 :(得分:1)

你缺少px。      @media屏幕和(最小宽度:150px)和(最大宽度:400px)