html+css实现电脑端/手机端显示不同内容

2021年4月7日11:02:07 发表评论
广告也精彩

两张图片,电脑同手机显示不一样,

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

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

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

html:

  1. //sj
  2. <div class="sj" style="text-align: center;">
  3. <img src="/">
  4. </div>
  5. //pc
  6. <div class="pc">
  7. <img src="/">
  8. </div>

css:

  1. .sjb{displaynone;}
  2. @media (max-width768px){.sjbdmap{displayblock !important;}
  3. .pc{displayblock;}
  4. @media (max-width768px){.pcbdmap{displaynone;}

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
ts小陈

发表评论(请规范评论)--评论需审核

:?: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :cry: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :neutral: :razz:

已登录用户不需要填写以下内容