当前位置:首页 > 功能 > 正文内容

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

Mr6年前 (2019-01-15)功能2914

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

隐藏.jpg

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隐藏。完成代码添加后更新网站缓存后手机刷新查看。

扫描二维码推送至手机访问。

版权声明:本文由微客生活发布,如需转载请注明出处。

本文链接:https://www.weklife.cn/97.html

相关文章

一个简洁大气的JS返顶代码,适用于所有程序需要的自取

一个简洁大气的JS返顶代码,适用于所有程序需要的自取

闲来无事,由于原本主题自带的返回顶部看起来不是很高大上,于是就折腾了一个比较简洁的返顶效果,见本站返顶修改三部曲1、头部文件<head></head>标签之间插入如下代码,文件名一般header.php<scr...

将zblog文章作者和评论显示用户名修改成别名

将zblog文章作者和评论显示用户名修改成别名

也许很多博友也会遇到如此的尴尬情况就是当自己发表博文或者评论时别人都是显示自己的别名,为什么自己却显示用户名也就是登陆ID,自己搞了半天想了个吊炸天的别名,最后显示用户名ID很多zblog主题调用的都是用户名ID 显示用户名的,也有一部分是...

简单的简单操作让win系统PC端也有微信多开的方法

简单的简单操作让win系统PC端也有微信多开的方法

这几天由于好几个微信都需要回复信息,用手机一个个点开回复也显得麻烦,于是乎就找了找PC端微信多开的方法,功夫不负有心人还是成功搞定了,方法如下:1、右键桌面微信属性2、复制上图目标路径地址3、桌面新建txt文本粘贴复制微信地址"C...

win10找不到默认打开图片的软件替换成其他的或者画图工具咋办?

win10找不到默认打开图片的软件替换成其他的或者画图工具咋办?

如果说win7 或者win10发现常用的浏览图片的工具没了,从而换成了画图以及其他软件,怎么恢复呢,网上资料也有很多,这里就不重复他们的方法了,直接在文章底部下载以及编辑好的注册文件,下载到电脑上自行双击运行安装就行了。Windows默图片...

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

Zblog升级php版本数据库错误提示“Class "Database__pdo_mysqli" not found”解决方案

ZBLOG升级php版本的时候出现:Class "Database__pdo_mysqli" not found 错误提示,修改办法:我用的阿里云的升级时候提示了以下信息:首先需要程序版本能够支持php版本,所以最好事先...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。