本文作者:35博客

只在电脑端展示,移动端隐藏的方法

35博客 3个月前 ( 08-18 ) 518 1条评论

有这个需求是因为博主给网站首页加了友情链接板块,但是只想让这个板块在电脑端展示,在移动端隐藏起来。为此,我在网上也查找方法,发现很少有人介绍,毕竟有这个需求的人可能不多。后来还是让博主发现了一个Div+CSS内容只在电脑端展示,移动端隐藏的方法,特此记录以供参考。

实现方法

想要隐藏网页某段内容,可以在它的前面新加一个Div,参考代码如下:

<div class="none"> 需要隐藏的内容 </div>

然后对Div添加一个样式,代码如下:

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

PS:将上面的样式加入到CSS文件中,样式的意思是当屏幕尺寸达到560像素以下将会自动隐藏该Div层,如果你也想如此操作,站长可对数值进行调整。预览效果可以查看本站首页的友情链接板块,在手机端将对内容进行隐藏。


文章版权及转载声明:

作者:35博客本文地址:https://www.35boke.com/post/127.html发布于 3个月前 ( 08-18 )
文章转载或复制请以超链接形式并注明出处35博客

分享到:
赞(0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (有 1 条评论,518人围观)参与讨论
网友昵称:访客
访客 游客2019-08-18沙发 回复 UC Browser 12.6.0.1040 Huawei HLK-AL00
看看