我正在使用carosuel效果的图像,将图像保持在分区。我想使图像响应。尽管添加
class="img-responsive"
img标签图片没有给出响应效果可以帮助我吗?而且我想知道是否有任何方法可以让部门做出响应?
答案 0 :(得分:0)
是的,
<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生效的最小宽度
欢呼声