主題推薦(P3)

三、視窗調整尺寸時,整個大小調整

結果

.AD img{width:100%}

@media screen and (max-width:1024px){
.AD .title li {	height:30px;}
.AD .title li p {font-size: .8em;}
	
.AD .title li span,.AD .title li p:after,.AD .title li.on span, .AD .title li.hover span{
	display:none; 
}
ADimg();

//視窗調整尺寸時	
$(window).resize(function(){
	ADimg();
});	

function ADimg(){
var $ADimg = $('.AD img'),
	$ADwidth = $('.AD').outerWidth();
	$ADimg.css({'width':$ADwidth,'height':$ADwidth*0.5});
}