[HTML] 반응형 CSS 적용하는 방법 - 메모용

<style>
    .box_inner {
        width: 100%;
        position: relative;
        float: left;
    }

    @media ( min-width: 768px ) {
        .box_inner {
            width: 50%;
            position: relative;
            float: left;
        }
    }
</style>

 

모바일 반응형을 위한 CSS 

예시를 기준으로 설명하면
withd 가 100 프로인 스타일이 기본, 최소 넓이가 768px 이상이면 width 가 50프로인 스타일이 적용됨