图片自适应外部div

做mianhuapai的时候遇到这个需求

思路很简单,对图片按div长宽比例进行缩放,缩放之后不可能刚好适应div的长宽,于是再把超出div的部分hide掉,这就OK了

首先,js实现图片按比例缩放,然后css里设置overflow:hidden

例子如下,图片本身大小为485 × 750

 
实际的效果就不贴了,有兴趣的可以把下面的代码复制下来试试
 




	
	图片自适应外部div


	
	


	





	

 

 

 

One Response

  1. www.jvdian.com说道:

    没有白看,还是有收获的,好!