当浏览器窗口宽度小于 900 像素时，mediaquery 不起作用

Question

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

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

Answer 1

您是指border-left 吗？如果是这样，您需要覆盖它。只是离开它不会做任何事情。此外，“990px​​ 或更少”需要max-width 媒体查询：

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

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

您的第一个 .

中还缺少结束 </div> 标记。