资源图片发布修改显示变形问题

css/common.css

#container{ min-width:1100px;min-height:90%; background:#fff;overflow: hidden;}
.contentBody{width:1050px;height:auto; margin:10px auto; padding:80px 0 2px 0; }
/*footer部分*/
#footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: relative; z-index: 1001; text-align:center;}
#footer{ min-width:1100px;background:#ff9900;clear: both;height:100px; position: relative; z-index: 100; text-align:center;}
#footer .wrapper {margin-left:80px;position: relative;padding: 15px 20px; min-width:1000px;}
#footer .footer-logo {display: block;width:80px;height:40px;background: url(../images/logo2.png) 0 0 no-repeat;background-size:100% 100%;}
.downloadBtn .download-btn .app-android-icon, .downloadBtn .download-btn .app-ios-icon {float: left;display: block;width: 39px;height: 47px;margin-right: 10px;background: url(../images/app-icons.png) no-repeat;}
.downloadBtn .download-btn .app-android-icon { background-position: 0 -60px;}
.appcodeBox{ text-align:center;}
.app_code{width:240px; height:240px; margin:10px 20px 0;}
.appcodeBox .app_code{width:240px; height:240px; margin:10px 20px 0;}
/*------------------------------------------------------------------------------------*/

css/index.css

.resUl li{ float: left; margin: 1%;padding:4px 16px; background: #FFFFFF; /*border: 1px solid #e6e6e6;*/border-radius: 6px;}
.resBottom{margin:10px 0;padding:20px 10px;background:#FFFFFF;}
.resMore{margin:10px 30px 30px 30px; border:1px solid #eaeaea; min-height: 640px;}
.resMore{margin:10px 30px 30px 30px; overflow: hidden; border:1px solid #eaeaea;padding:15px;line-height: 24px;color: #666; min-height: 640px;}
.resMore p{line-height:2;margin:6px 0;}
.resouRight{ width: 20%;}
.rightBlock{ min-height: 352px;padding:16px 10px;margin-bottom:10px; background: #FFFFFF;}
.proImg{ text-align: center;}
.proImg img{ width:180px;}
.proImg img{ width:180px;margin: auto;}
.proInfo{padding:10px 16px;}
.otherRes{padding:10px;}
.otherRes li{border: 1px solid #e4e5e7;margin:10px 0;border-radius: 6px;cursor: pointer;}

css/webuploader/webuploader.css

    height: 240px;
}
#uploader  .thumbnail img {
       height: 230px;
       /*height: 230px;*/
}
.uploader-list {
    width: 100%;

js/newsciresource.js

								$("#professor").text(name);
								if(info.data.images.length) {
															 var $liMages = $(
																	 '<div id="WU_FILE" class="file-item thumbnail">'+
															 			'<img src="/images/resource/'+resourceID+'.jpg">'+								 			
															 			'</div>'
															            )
									 var $liMages = $(
											 '<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:226px;width:226px;height: 226px;">'+
									 			'<img class="resImg headRadius resourceImg" style="display: inline;" src="/images/resource/'+resourceID+'.jpg">'+								 			
									 		'</div>'
									            )
								}
								else
								{
									var $liMages = $(
											 '<div id="WU_FILE" class="file-item thumbnail">'+
									 			'<img src="/images/default-resource.jpg">'+								 			
											 '<div id="WU_FILE" class="file-item thumbnail ResImgBox" style="max-width:226px;width:226px;height: 226px;">'+
									 			'<img class="resImg headRadius resourceImg" style="display: inline;" src="/images/default-resource.jpg">'+								 			
									 			'</div>'
									            )
								}

js/popup.js

		// 当有文件添加进来的时候
		uploader.on( 'fileQueued', function( file ) {
		    var $li = $(
		            '<div id="' + file.id + '" class="file-item thumbnail">' +
		                '<img>' +
		            '<div id="' + file.id + '" class="file-item thumbnail ResImgBox beforMargin" style="max-width:226px;width:226px;height: 226px;">' +
			           '<img class="resImg headRadius resourceImg" style="display: inline;" >' +
		            '</div>'
		            )
		            
		            
		        $img = $li.find('img');
		    // $list为容器jQuery实例

resourceInfo.html

<link type="text/css" href="css/index.css" rel="stylesheet">
<link type="text/css" href="css/common.css" rel="stylesheet">
<link type="text/css" href="css/popup.css" rel="stylesheet">
<style type="text/css">
	/*.resMore p img{width:100%;height:100%;}*/
	.resMore p{line-height:2;margin-top:15px;}
	.resMore{
		padding:0px 15px;
	}
</style>
</head>
<body>
    </div>
</div>
<!--咨询模块按钮入口-->
 <div class="coulstblock">    
    <div class="coulstbox" id="consultbtn">
    	<div class="prohead headRadius floatL"><img src="images/default-photo.jpg" width="100%" height="100%" id="foot_proimg"></div>
    	<div class="proinfomation floatL">
    		<div class="clearfix">
    			<a class="authobject named" id="foot_proname"></a>
    			<em class=" authicon-cu" id="foot_promodify"></em>
    		</div>
			<div class="position"><span id="foot_protitle"></span><span></span ></div>				
			<div class="science"><span id="foot_prodepar"></span><span id="foot_proorgname"></span ><span class="address" id="foot_proaddress"></span></div>								
    	</div>
        <div class="coulstbtn floatR"><span >咨询</span></div>
    </div>
</div>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.similar.msgbox.js"></script>