Div不隱藏媒體查詢並顯示：none;

我有一個div，我想隱藏在小型移動設備上，因爲它會在徽標下滑動。我還有其他可以毫無問題地工作的元素，但是這個隱藏着問題。我想隱藏div標識「標語」，但它不隱藏。Div不隱藏媒體查詢並顯示：none;

<div class="container"> 
<div id="logo"><a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Nucleo-Logo','','../images/logo-over.png',1)"><img id="Nucleo-Logo" src="../images/logo.png" alt="Nucleo Fitness, Rapid City, SD" /></a> </div> 
<div id="tagline"><img src="../images/get_to_the_core.png" alt="Get to the core."/> <br/><h4>605-430-1418</a></h4></div> 
</div>

現在，我的CSS是這樣的：

#tagline{float:right; z-index:1; display:inline-block; margin-top:-75px; margin-right:15%;} 
@media(max-with:600px) { 
#tagline{display:none; visibility:hidden; clear:both;}}

來源

2016-03-21 pfost74

也許如果你做'@media屏幕（最大寬度：600像素）{'...注意你拼錯'width' – LGSon

檢查它的開發人員工具，可能是另一種風格在顯示優先屬性你可以嘗試顯示：none！important; – Martin

投票結束，主要問題是一個錯字 – LGSon

max-with應該max-width
在你的HTML你有</a>但它從來沒有打開（605-430-1418後）

#tagline { 
 
    float: right; 
 
    z-index: 1; 
 
    display: inline-block; 
 
    margin-top: -75px; 
 
    margin-right: 15%; 
 
} 
 

 
@media (max-width: 600px) { 
 
    #tagline { 
 
     display: none; 
 
     visibility: hidden; 
 
     clear: both; 
 
    } 
 
}

<div class="container"> 
 
    <div id="logo"> 
 
     <a href="../index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Nucleo-Logo','','../images/logo-over.png',1)"><img id="Nucleo-Logo" src="../images/logo.png" alt="Nucleo Fitness, Rapid City, SD" /></a> 
 
    </div> 
 
    <div id="tagline"> 
 
     <img src="../images/get_to_the_core.png" alt="Get to the core." /><br/> 
 
     <h4>605-430-1418</h4> 
 
    </div> 
 
</div>

來源

2016-03-21 16:11:57

Div不隱藏媒體查詢並顯示：none;

回答

相關問題