js 图片的等比例缩放

    等比例缩放标识：

<style>
  ul,li{margin:0;padding:0}ul,ol,li{list-style:none}
  #upPicture img{max-height:160px;max-width:100px;border:none;}
  #upPicture_ul{display:block;height:160px;width:500px;}
  #upPicture_ul>li{display:table-cell;height:160px;width:100px;text-align:center;vertical-align:middle;
}
</style>
   
 <div id="upPicture" region="south" border="true" style="border: 1px #3366FF solid; height: 160px;">
          <ul id="upPicture_ul">暂无

         </ul>

  </div>

//获取图片链接然后赋值(多个图片)

var picture='<img src="图片链接" width="100%">';

$("#upPicture_ul").html(picture);