利用DIV+CSS让某些文字或图片只在电脑PC端显示移动端不显示

现在的网页都讲究一个自适应，所以有部分文字或图片不想再移动端页面显示，当然一般的博客主题或网站模板都自带了这个功能，但是少部分网页没有区分，让PC端的问题一个不漏都显示在了移动端，尤其是备案信息，由于工信部的强制要求，所以不得不注明，但是移动端很多用户是不想将自己的备案号显示出来的，这里可以利用div+css两段代码来实现某些文字只显示在PC端，手机移动端不显示。

1、将需要隐藏的代码插入到<div class="beian"></div>之间，如“京ICP备1002003”不想显示在移动端，完整代码如下：

<div class="none"><a href="http://www.xxx.cn" target="_blank" >京ICP备1002003号</a></div>

2、打开网站应用的主要样式style文件打开插入如下CSS代码：

@media (max-width: 678px) {.beian{display:none;}}

这段代码的意思是当屏幕宽度小于678px时执行{}内的css样式，即class名为beian隐藏。完成代码添加后更新网站缓存后手机刷新查看。