CSS代码实现:仅在移动端隐藏Zblog网站某个模块

网站的某些模块仅适合在PC端显示，移动端由于尺寸的限制，会出现遮挡、变形等问题。之前看过的教程大都是通过If判断语句实现这些功能，实际上完全没有必要，CSS代码就能实现。

控制方法：

@media screen and (max-width:770px){
    .logos{display:none;}}

意思是说屏幕尺寸达到了770以下，就会隐藏该模块。这样，你就可以在某些位置调用该模块，从而实现仅在移动端隐藏的的效果了。

<div class="logos">需隐藏模块的内容</div>

拓展阅读

以下代码的含义为：当页面宽度大于1000px小于1200px的时候执行后面的CSS。

@media screen and (min-width:1000px) and (max-width:1200px) {CSS代码}