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

77次阅读
没有评论

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

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

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

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

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

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

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

@media screen and (max-width: 1221px)
 { .类名称 {display:none; }
}


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

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

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

正文完
 0
newvoice
版权声明:本站原创文章,由 newvoice 2023-06-23发表,共计340字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)
验证码