使用jumbotron bootstrap的Mobile交换图像

Question

在bootstrap中使用jumbotron时，为mobil换出图像的最有效方法是什么？我不喜欢使用img-responsive时图像在mobil大小上的显示方式。我花了一整天研究srcet并发现它没有提供比img-responsive更好的解决方案。必须有一种方法可以在不同的设备上交换图像。

以下是我正在处理http://janeanesanborn.com/home.htm

的网站

谢谢！

Answer 1

也许尝试使用background-image:url('pic.jpg') CSS属性而不是HTML元素。这样您就可以根据响应式媒体查询进行更改。