1861资源网:您身边、安全、高速、放心的专业下载站!
手机站 软件专题
1861资源网
热门搜索: 请搜索 软件: 相关信息 照明商店 搜索 教程:相关 爆裂点 照明商店 请输入 相关: 软件

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

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

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

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

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

    html:代码


    //sj
    <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;}
     

    效果:

代码特效 发布: 2022-04-29   修改: 2024-04-20   阅:   评:   点击报错反馈
相关文章
本类最新发布
本类推荐
本类评论
留言与评论(共有 0 条评论)
验证码:
本类软件分类
文章总排行
文章月排行
装机必备软件
全站下载总排行

1861资源网

http://www.zywlyy.cn/

   |

1861资源网 软件下载

1861资源网

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢网络科技公司技术支持