響應媒體查詢不是在CSS工作

Question

我工作的網站，並在其上實現響應式設計，我是新來的這一點，並使用 http://resizemybrowser.com/測試我的網站，

一切時，我調整上工作正常我瀏覽器（chrome）如頁眉，中間，頁腳部分在瀏覽器窗口中調整大小，除了主要中間部分網站在757px之後運行不正常，主要部分的css風格爲「.hero」，風格爲主風格：

.hero {width: 930px;color: #444;margin: 0 auto;}和媒體查詢.hero是
@media (max-width: 979px).hero {width: 750px;color: #444;margin: 0 auto;}
@media (max-width: 767px).hero {width: 650px;color: #444;margin: 0 auto;}
和最大相同width:1200px，最大width:480px等...

問題是.hero主要部分不響應在width of 757px總是顯示.hero width is 750px而瀏覽器窗口在320 , 480 ,640 ,720 px之後和其他寬度像（800，960,1024,1280,1366 px）給出了良好的響應結果& .hero寬度變化。
我被困在這個主要部分，請找出了一些解決方案,,,謝謝提前

Answer 1

你的媒體查詢需要另一個支架，喜歡這裏：

@media (max-width: 979px) { 
    .hero { 
     width: 750px; 
     color: #444; 
     margin: 0 auto; 
    } 
}