genreal中的媒體查詢問題。沒有結果

我似乎無法獲得任何媒體查詢的工作。我不知道爲什麼。我嘗試了一百萬種不同的東西。它只是不會工作。genreal中的媒體查詢問題。沒有結果

CSS：

@media screen and (max-device-width: 320px) { 
    #sidebar { 
     display: none !important; 
    } 
}

HTML：

<body> 
<div id="sidebar"> 
    <ul> 
    <li><a href="about.html">About</a></li> 
    <li><a class="active" href="projects.html">Projects</a></li> 
    <li><a href="contact.html">Contact</a></li> 
    </ul> 
    <div id="side-footer"> 
    <p><a href="mailto:[email protected]?subject=Website">Contact Webmaster</a><br />&copy; DDD 2012-2014</p> 
    </div> 
</div> 
<div id="content"> 
    <div id="content-wrap"> 
    <h1>Projects</h1> 
    <hr> 
    </div> 
</div>

Meta標籤：

<meta name="viewport" content="width=device-width,initial-scale=1">

來源

2013-11-25 RonnieEXP

有你加入頭部中的「元視口」？ –

你有沒有試過在'設備'（即'手機，平板電腦）上看輸出？如果您正在桌面/筆記本電腦上查看它，max-device'width'將不起作用，並且爲了測試目的，請將其替換爲'max-width'... –

請參閱此問題http：// stackoverflow。 COM /問題/ 19945658 /我-iphone-認爲，其-980px寬/ 19945844＃19945844。 –

選中此項fiddle

max-width是目標顯示區域的寬度，例如，瀏覽器

最大設備寬度是設備的整個渲染區域的寬度，即實際設備的屏幕

在撥弄使用這個CSS規則正確的做法是

@media screen and (max-width: 320px) { 
    #sidebar { 
     display: none !important; 
    } 
}

來源

2013-11-25 17:55:57 ppollono

genreal中的媒體查詢問題。沒有結果

回答

相關問題