如何正確使用@media查詢？

Question

我當前的網站佈局：Screenshot 1

我用一個包裹ID的DIV居中網站：

#wrap { 
width: 70%; 
margin: 0 auto; 
} 

，但現在它顯然也使得它在移動設備上看起來糟糕70％的寬度：SC2

我曾嘗試使用媒體查詢，它是由max-device-width自己指定的，還有那些在CSS部分下的bootstrap網站上，每次我使用任何這些我刪除了原始#wrap css代碼，但沒有任何工作，我的網站將只是100％設備，即使我在移動設備上做了70％（就像測試一樣），它到處都是一樣的，就像根本沒有用於換行標識的css代碼。

對不起，如果這是一個愚蠢的問題，我只是失去了，並真的想讓我的網站100％在某個（平板電腦移動）斷點。

Answer 1

試試這個： -

@media (min-width: 768px) { 
    .mymenu { 
     width: 20%; 
    } 
}