根据浏览器宽度加载图片

js：

$(document).ready(function() {
$(".ui_detail img").attr("style", "max-width: " + ($(document.body).width()-22) + "px;text-align:center;");
});

html：

 <div class="ui_detail">信息<br>
  
 </div>

说明：

div里会加载一些图片，有的图片很大。如果在屏幕小的手机上显示，浏览器会出现滚动条，不够美观。

就加了这个js，为的是判断一下目前浏览器的宽带，让图片的最大宽带不能超过浏览器的宽。如果超出，系统会等比例缩小。

完全按照浏览器宽度，发现图片还是有些超，就减了22px，这样两边都有空白，感觉更美观些。