JavaScript JS 반응형 웹 / Jquery 스크린 크기 조절

<script>
    $(function () {       
       if(window.matchMedia("screen and (max-width:700px)").matches){ // 모바일
            $("#bridgeBody").css("height", screen.width + "px");      
       }else{ // PC      
            $("#bridgeBody").css("margin-left", "25%");
        }
    }); 
</script>

1. if : width 값이 700px 이하인 경우

2. else: width 값이 700px 초과인 경우

3. screen.width : 현재 웹 브라우저의 크기를 리턴