                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

缩略图也会响应式布局？

缩略图也会响应式布局？我改变屏幕大小，发现这个缩略图和响应图都缩小了

麓鹿不迷路

2018-07-04

源自：玩转Bootstrap（基础） 3-24

关注问题我要回答

1402

操作

收起

1 回答

主宰灵魂回答被采纳 +2 积分
2018-07-06

是啊

.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

max-width:100%; ---最大宽度是其父元素的百分百. 就它决定了是响应式的.