Bootstrap图文列表缩略图大小不一致问题

一.如果上传的图片大小不一致会有下图结果

二.解决方案 

方式一：给图片加上固定的宽高值

解决了图片列表大小不一，排列错乱的问题，缺点：一是图片变形

方式二：将图片按比例裁剪成固定像素宽高的图片

网上插件很多，我用的是jQThumb 

1.引入插件

2.编写图片加载后裁剪方法

	//处理缩略图
	function DrawImage(hotimg){
		$(hotimg).jqthumb({
			width : '100%',//宽度
			height : '142px',//高度
			//position : { y: '50%', x: '50%'},//从图片的中间开始产生缩略图
			zoom : '1',//缩放比例
			method : 'auto'//提交方法，用于不同的浏览器环境，默认为‘auto’
		});
	}

3.引用裁剪方法

    

	    
	    

	        
白灼虾
	        

		        开胃消食、清热去火、抗衰老、增强抵抗力
		    
		
    

4.最终效果