使部门的图像响应

Question

我正在使用carosuel效果的图像，将图像保持在分区。我想使图像响应。尽管添加

class="img-responsive"

img标签图片没有给出响应效果可以帮助我吗？而且我想知道是否有任何方法可以让部门做出响应？

Answer 1

是的，

<style>
@media only screen and (max-width: 980px) {
.img-responsive {
//insert css for 980 width lower
}}

@media only screen and (max-width: 700px) and (min-width : 400px) {
.img-responsive {
//insert css for 700 width lower
//css will not work at with lower than 400px
}
}
</style>

注意您可以更改最大宽度的值，具体取决于您想要更改div的内容。你也可以设置一个最小宽度来确定css生效的最小宽度

欢呼声