最近使用bootstrap开发项目,但是用到全局css样式中栅格时候出现问题,就是当前窗口的首行正常显示,到了第二行开始则开始不能正常排布!
实例图如下:
?...经测试.使用clearfix类可以解决这个问题,但是改变窗口大小,相应设备时候又出现了相同问题,只要是从第二行起,就出现上述问题,明显单纯的clearfix不是解决问题的妙招!...
集成化开发环境使用...//给包围img图片的类设置宽度占用thumnail的100%,高度固定(自己根据情况设置)
.thumbnail .img{
width:100%;
overflow:hidden;... height:150px
}
//显示图片为了可以响应显示,设置最大最小宽度为100%高度为父级的高度!