首页 云资讯内容详情

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

2023-08-23 266 admin

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

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

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

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

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

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

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


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

 { .类名称 {display:none; }

}


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


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


这样就实现了PC端显示,手机端不显示啦!是不是很简单呢?你学会了吗?