现在的网页都讲究一个自适应，所以有部分文字或图片不想再移动端页面显示，当然一般的博客主题或网站模板都自带了这个功能，但是少部分网页没有区分，让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隐藏。完成代码添加后更新网站缓存后手机刷新查看。
免责声明
此附件内容收集于网络公开渠道，由本站整理发布。
附件内容仅供学习参考使用，切勿用于商业用途，若由此产生任何法律问题，本站概不负责！
若此内容侵犯版权，请举证告知及时删除，邮件告知：点击发送
微客生活 » 利用DIV+CSS让某些文字或图片只在电脑PC端显示移动端不显示