Div+CSS内容只在电脑端展示，移动端隐藏的方法_生活百科

Div+CSS内容只在电脑端展示，移动端隐藏的方法有这个需求是因为博主给网站首页加了友情链接板块，但是橘子君只想让这个板块在电脑端展示，在移动端隐藏起来。为此，我在网上也查找方法，发现很少有人介绍，毕竟有这个需求的人可能不多。后来还是让博主发现了一个Div+CSS内容只在电脑端展示，移动端隐藏的方法，特此记录以供参考。
实现方法
想要隐藏网页某段内容，可以在它的前面新加一个Div，参考代码如下：
<div class="none"> 需要隐藏的内容 </div>然后对Div添加一个样式，代码如下：
@media screen and (max-width: 560px) { .none{display:none; }}【Div+CSS内容只在电脑端展示，移动端隐藏的方法】PS：将上面的样式加入到CSS文件中，样式的意思是当屏幕尺寸达到560像素以下将会自动隐藏该Div层，如果你也想如此操作，站长可对数值进行调整。预览效果可以查看本站首页的友情链接板块，在手机端将对内容进行隐藏。