CSS 반응형 박스 비율 유지하기

$(window).resize(function(){
    var winWidth = $(window).width();
    var boxWidth = $('.box').width();
    //max-width값인 500px아래서만 작동
    if(winWidth <= 500){
    	//1.681:1
        $('.box').height(boxWidth*0.681);
    }
});