我想将大图片隐藏在移动设备中。看这个网站，我把我的CSS以下样式：
//medium+ screen sizes
@media (min-width:992px) {
.desktop {
display:block !important;
}
}
//small screen sizes
@media (max-width:991px) {
.mobile {
display:block !important;
}
.desktop {
display:none !important;
}
}
然后，我在HTML中应用该类，如下所示：
<img class="desktop" src="img/test/test.jpg"
alt="jhkjhjk" height="600" width="900">
但是，当我缩小浏览器窗口时，图像仍然存在。我错过了什么吗？
由于使用的是Boostrap，因此您可以更轻松地完成此操作。
附加一类
visible-md
到你的形象。
md适用于> 992像素。
查看简单的类，您可以使用http://getbootstrap.com/css/#sensitive-utilities
编辑：如果您要做可见光，可能想做visible-md visible-lg。图表说明了所有组合。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句