实现电脑手机端显示(隐藏)代码

实现电脑手机端显示(隐藏)代码

盈科博客
2021-01-04 / 290 评论 / 710 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年04月26日,已超过178天没有更新,若内容或图片失效,请留言反馈。

两个地图,电脑同手机显示不一样,一个手机浏览,电脑端隐藏,手机端显示;一个电脑浏览,电脑端显示,手机端隐藏;这样就可以适应实现显示不同效果。

html:

//手机
<div class="sjbdmap" style="text-align: center;">内容</div>
//电脑
<div class="pcbdmap">内容</div>

CSS:

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

评论 (290)

取消
  1. 头像
    DenDut
    Windows 10 · Google Chrome

    ivermectin 9 mg tablet viagra 50 mg price in usa best price tadalafil 20 mg best price tadalafil 10mg metformin 50 mg

    回复
  2. 头像
    KiaDut
    Windows 7 · Google Chrome

    ivermectin 3mg tablet

    回复
  3. 头像
    KimDut
    Windows 7 · Google Chrome

    online pharmacy without insurance

    回复
  4. 头像
    LouiseHit
    Windows 8.1 · Google Chrome

    modalert 200 reddit buy modalert reddit https://modafinilbuddy.com/ - modafinil adhd

    回复