如何正确使用@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%; 
    } 
}