两张图片,电脑同手机显示不一样,
一个电脑浏览,电脑端显示,手机端隐藏;
一个手机浏览,电脑端隐藏,手机端显示;
这样就可以适应实现显示不同效果。
html:
- //sj
- <div class="sj" style="text-align: center;">
- <img src="/">
- </div>
- //pc
- <div class="pc">
- <img src="/">
- </div>
css:
- .sjb{display: none;}
- @media (max-width: 768px){.sjbdmap{display: block !important;}
- .pc{display: block;}
- @media (max-width: 768px){.pcbdmap{display: none;}