自适应模板pc显示手机隐藏css写法

今天给网站增加一个免责声明，但是我发现只适合在PC端页面显示，在手机端显示的话不好看

增加这个代码我改了差不多一个小时，一直在调整，差不多才调好，可见而知一个代码需要更改挺麻烦的

下面我们先看看我增加的这个免责声明电脑端是怎么样的？说实话这个代码还是比较简单的啦

只是我们新手改起来的确还需要时间，改完后我发现想隐藏手机端不显示怎么办呢？

其实很简单，你只需要在你的CSS里面加上这段代码即可：

@media screen and (max-width: 1221px)

 { .类名称 {display:none; }

}

然后在html页面添加这样一个代码：

<div class="类名称"> 需要隐藏的内容，这里面还可以加div </div>

这样就实现了PC端显示，手机端不显示啦！是不是很简单呢？你学会了吗？

标签： 模板方法和适配器