图片宽度超出div宽度解决方案。

在弄cms，文章系统时，遇到的问题。

图片在大屏幕上，显示没问题，一旦到笔记本电脑中，图片宽度就超越了div宽度。

寻找来了一下解决方案。

方案一：

通过设置图片的最大宽度来，保证图片不超过div。

不能根本解决问题。

<style type="text/css">

p img{

max-width:900px;_width:500px;

}

</style>

一点固定图片最大宽度还是有问题的。

方案二：

通过js获取div 宽度，然后在设置图片的最大宽度不能超过div的宽度。

	var o = document.getElementById("col-lg-9");    
//	alert(o.offsetWidth);    
	var imgs = document.getElementById("col-lg-9").getElementsByTagName("img") ;    
//	var imgs = document.getElementsByTagName("img");    
	for(var i=0; i<imgs.length; i++){    
  
if(imgs[i].width > o.offsetWidth){    
   	imgs[i].style["max-width"] = o.offsetWidth - 20 + "px";    
}	
    
}