资源图片压缩变形问题

css/common.css

.nodatabox .txtbox .keyword{ padding:0 6px;color:#555555;}
/***********************缺省页面*******************/
.ResImgBox{display: inline-block;text-align: center;max-width:100px;margin:6px 0;width:100px;height:100px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:1%;border-radius:4px;}
.ResImgBox{display: inline-block;text-align: center;max-width:100px;width:100px;height:100px;background:#FAFAFA;border:1px solid #F8F8F8;overflow: hidden;padding:2px;border-radius:4px;}
.ResImgBox .resImg{max-width: 100%;max-height: 100%;vertical-align: middle;position: relative;}
.ResImgBox:before {content: ' ';display: inline-block;vertical-align: middle;width: 0;height: 100%;overflow: hidden;margin-left: 0px;}
.beforMargin:before{margin-left:-4px;}

css/index.css

.otherRes{padding:10px;}
.otherRes li{border: 1px solid #e4e5e7;margin:10px 0;border-radius: 6px;cursor: pointer;}
.otherRes li a{display: block;}
.otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;margin:0;}
.otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;}
.otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}

js/information.brow.js

						add='<div class="sharesrc">'
						add+='<div class="shareshow">'
	                	add+='<a class="remess" resourceId='+data.data[i].resourceId+'>'
	                	add+='<div class="ResImgBox" style="max-width:200px;width:200px;height: 200px;margin:0;">'
	                	add+='<div class="ResImgBox" style="max-width:200px;width:200px;height: 200px;">'
						add+='<img class="resImg headRadius resourceImg" src="/images/resource/'+data.data[i].resourceId+'.jpg" />'
						add+='</div></a>'
	                 	add+='<div class="shareopeart"><a class="sharebtn resourceConsult" professorId='+data.data[i]["professorId"]+'>咨询</a><a class="sharebtn applicant" style="display:none">申请</a></div>'

js/information.js

					for(var i=0;i<data.data.length;i++){
						add='<div class="sharesrc">'
						add+='<div class="shareshow">'
	                	add+='<a><div class="ResImgBox" style="max-width:200px;width:200px;height: 200px;margin:0;">'
	                	add+='<a><div class="ResImgBox" style="max-width:200px;width:200px;height: 200px;">'
						add+='<img class="resImg headRadius resourceImg" src="/images/resource/'+data.data[i].resourceId+'.jpg" /></div></a>'
	                 	add+='<div class="shareopeart"></div>'
	             		add+='</div>'	             

js/newsciresource.js

							add+='<th width="12%">联系人</th><th width="14%">交付时间</th>'        
							add+='<th width="20%">付款进程</th><th width="12%">状态/操作</th></tr></table><div class="tcdPageCode tcdPageCod'+i+'"></div></div>';*/
						    var add='<div class="addworkbtn-list"> <div class="resoumag">'
						    	add+='<div class="ResImgBox" style="max-width:226px;width:226px;height: 226px;margin:0;"><img class="resImg headRadius resourceImg" src="" /></div>'               
						    	add+='<div class="ResImgBox" style="max-width:226px;width:226px;height: 226px;"><img class="resImg headRadius resourceImg" src="" /></div>'               
								add+='<h2>'+data.data[i].resourceName+'</h2>' 
								add+='<p>'+data.data[i].supportedServices+'</p>' 
								add+='</div></div>'; 	

js/sciresource.js

					$("#consd").html("");
					for(var i=0;i<data.data.length;i++)
						{
							var add='<div class="maintab"><div class="lefttab fl"><table class="resoubrief"><tr><td><div class="resoimgbox"><img class="resourceImg" width="100%" height="100%" src=""></div></td>'
							var add='<div class="maintab"><div class="lefttab fl"><table class="resoubrief"><tr><td><div class="resoimgbox"><div class="ResImgBox" style="max-width:160px;width:160px;height: 160px;"><img class="resImg headRadius resourceImg" src="" /></div></div></td>'
							add+='</tr><tr><td><ul><li>'+data.data[i].resourceName+'</li><li>'+data.data[i].supportedServices+'</li> '               
							/*add+='<li class="li1">'+data.data[i].subject+'</li>' */                  
							add+='</ul></td></tr><tr>'                

js/search.js

						var $da = data.data.data;
						for(var i = 0; i < $da.length; i++) {
							var add = '<div class="item"><div class="remess" resourceId=' + $da[i].resourceId + '>'
							add += '<a class="resourcephoto headRadius" ><div class="ResImgBox" style="margin:0;background:#ffffff;"><img class="resImg headRadius resourceImg" src="" /></div></a>'
							add += '<a class="resourcephoto headRadius" ><div class="ResImgBox" style="background:#ffffff;"><img class="resImg headRadius resourceImg" src="" /></div></a>'
							add += '<div class="synopsis" style="width:66%;">'
							add += '<div class="cousultName"><a class="resouname" href="javascript:void();">' + $da[i].resourceName + '</a></div>'
							if($da[i].professor.name) {

js/workindex.js

					for(var i=0;i<data.data.length;i++)
						{
						    var add='<div class="addworkbtn-list"> <div class="resoumag">'
						    	add+='<div class="ResImgBox" style="max-width:200px;width:200px;height: 200px;margin:0;"><img class="resImg headRadius resourceImg" src="" /></div>'               
						    	add+='<div class="ResImgBox" style="max-width:200px;width:200px;height: 200px;"><img class="resImg headRadius resourceImg" src="" /></div>'               
								add+='<h2>'+data.data[i].resourceName+'</h2>' 
								add+='<p>'+data.data[i].supportedServices+'</p>' 
								add+='</div></div>';