当浏览器窗口小于900像素宽时，媒体查询无效

Question

当浏览器视口缩小到990px​​或更小时，我试图让about部分的垂直管道消失。

这里是我所拥有的一个小提琴，但无法让@mediaquery工作：http://jsfiddle.net/8wsm7pfy/

Answer 1

你的意思是border-left？如果是这样，您需要覆盖它。离开它不会做任何事情。此外，＆＃34; 990px​​或更少＆＃34;需要max-width媒体查询：

    @media (max-width: 990px){
       .about{
        color: #000;
        font-weight: bold;
        height: 200px;
        border-left: none;
        }
    }

这里是小提琴： http://jsfiddle.net/8wsm7pfy/2/

您还在第一个标记中遗漏了</div>个结尾标记。