西安网站建设
在线咨询

扫描二维码分享到微信

css 如何让pc端不显示 手机端显示-html+css实现电脑端显示(隐藏)手机端隐藏(显示)

2020-09-22

css 如何让pc端不显示 手机端显示-html+css实现电脑端显示(隐藏)手机端隐藏(显示)

html+css实现电脑端显示(隐藏)手机端隐藏(显示)

两个地图,电脑同手机显示不一样,

一个电脑浏览,电脑端显示,手机端隐藏;

一个手机浏览,电脑端隐藏,手机端显示;

这样就可以适应实现显示不同效果。

html代码:
 
<!--//手机-->
<div class="sjbdmap" style="text-align: center;">
<iframe width="318" height="649" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://j.map.baidu.com/s/GaKIFb"></iframe>
</div>
<!--//pc电脑-->
<div class="pcbdmap">
<div id="map" style="width:100%;height:500px;border:#ccc solid 1px;font-size:12px">
</div>

css代码:

.sjbdmap{display: none;}
@media (max-width: 768px){.sjbdmap{display: block !important;}
.pcbdmap{display: block;}
@media (max-width: 768px){.pcbdmap{display: none;}

效果:

https://www.cnblogs.com/chervehong/p/11058127.html



标签: CSS html 手机端 pc端

上一篇:apache伪静态排除目录规则
下一篇:Linux对于web站点user.ini无法删除的处理

网站栏目

建站知识 前端设计 酷站欣赏 网站优化 网络营销 网站安全 行业新闻 公司新闻 建站工具


最新文章

PHPCMS整站兼容https修改方案

PHPCMS V9最完整的兼容https修改方案 涉及后台内容管理和分页PHPCMS V9最完整的兼容...

PHPCMS验证码图片不显示故障解决

phpcms验证码为什么会不显示?验证码不显示原因分析PHPCMS验证码不显示解决方法  服...

phpcms增加文章随机点击数

phpcms v9增加文章随机点击数的方法:找到文件count php(网站根目录 api)查找第50...

多个域名解析ip批量查询

多个域名解析ip批量查询,蜘蛛池

伪静态规则在线互转平台-apache

伪静态规则在线互转平台-apache和nginx伪静态规则转换工具(网址收藏)https: www to...


相关内容

CSS样式box-sizing:border-box

这个样式是什么作用:*,::after,::before{box-sizing:border-box;}【解答】这句话的意...

网站黑白效果网站变灰色(兼容I

网站黑白效果网站变灰色(兼容IE和主流浏览器)JS+CSS网站整站变黑白效果如果只需要兼...

ckeditor编辑器 不过滤html c

<blockquote><p>ckeditor编辑器 不过滤html css Javascript Style< p><p>修改cked...

div+css清除浮动的方法(最常用

为什么要清除浮动?清除浮动主要是为了解决,父元素因为子级元素浮动引起的内部高度为0...

IE兼容代码-IE浏览器单独兼容写

IE兼容代码-IE浏览器单独兼容写CSS的三种方法最好用的当属:条件注释<!--[if lt IE ...

css盒子模型

加boxsizing值是 border box下面了解下盒子模型:元素占位的实际宽度 是宽度加内边...

PHPCMS V9编辑器HTML/JS/php代

PHPCMS V9后台编辑器添加HTML JS 代码而不解析对于大部人来说是很鸡肋的东西,但对...

PHPCMS截取字符串str_cut stri

PHPCMS用str_cut截取前台显示HTML代码这个只能用strip_tags来去除HTML标签了,以下代码...


COPYRIGHT (©)2018-2019 西安黑米网络 | 西安网站建设 |  百度地图 |  最新文章|  网站地图|  TAG标签 |  会员登录  |  会员注册  |  最近更新时间: 2020-09-22 17:18:51