PROMULGATOR

    zlfeng

    广东省
    Html
    Css
    Js

    
                        


                        

                            


html{
	font-size: 62.5%;
}
body{
	font-size: 1.4rem;
	font-family:"Microsoft YaHei";
}
ol, ul {
	list-style: none;
}
.img_li{
	padding:15px;
}
.img_li li{
	width: 25%;
	float: left;
	box-sizing: border-box;
	padding: 3%;
}
.img_li li .img{
	width: 100%;
	position: relative;
	padding-bottom: 70%;
	overflow: hidden;
	background:#f0f0f0;
	
}
.img_li li .img img{
	position: absolute;
	top: 0;
	left: 0;
}

                        

                        



                        

                   

                    
                   

                       
↑上面代码改变，会自动显示代码结果 jQuery调用版本：2.0.0

                       
 
  立即下载    

                       

                   


                

                


                

                     
 
                         

                            
手机版图片自适应(原创)

                            

                                
	
                                      
                                                                      
                                    
                                    	
                                                                                                  	                             
                                    
                                                                       
                                

                            

                            

                        

                          

                             
                          

                         

                             
                             
注:
setimg(this,100,70);
100 :表示宽度为100%；
70：表示高度为70%；
因为手机版都是按百分比的，如果 高度改变了，
图片的外层.img: padding-bottom:70%;也要跟着变

                         

                     

                   
                


                
0