我是引导程序编码的新手CSS
我遇到了一个问题,在桌面版本中我需要一个图像,但当涉及到移动版本时,我需要显示第二个图像,而第一个图像应该隐藏。
<div class="col-md-9" style="padding: 0px;">
<img src="images/Trinity-Garden-landing-Page-1.jpg" width="1350px" />
<img src="images/Trinity-Garden-landing-Page-4.jpg" width="1350px" />
</div>
需要帮助。
请执行此代码。
您可以根据需要更改媒体查询中的最大宽度。另请展开代码片段以根据设备检查隐藏和显示图像。
我希望它对你有用。
<style>
.image_section img{
display: block;
}
@media (max-width:640px){
.image_section img:first-child{
display:none;
}
}
</style>
<div class="col-md-9 image_section" style="padding: 0px;">
<img src="images/Trinity-Garden-landing-Page-1.jpg" />
<img src="images/Trinity-Garden-landing-Page-4.jpg" />
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)