當瀏覽器窗口寬度小於900px時，mediaquery不工作

Question

當瀏覽器視口寬度縮小到990px​​或更小時，我想讓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>標籤。