미디어화면

media 조건{ a.css}

mediaqueri.es

화면의 너비 조건이 큰순으로..

전체화면>노트북>타블렛>(렌드스케이프)>타블렛(포토레이트)>대화면 모바일(랜드스케이프>대화면모바일(포트레이트)>스마트폰(랜드스케이프)>스마트폰(포트레이트)

7개의 조건

화면경계치(각화면을 나누는 너비값)

디자인할때 설정한 사이트영역

노트북,타블렛(L)960px
타블렛(P),노트(L)720px
노트(P), 스마트폰(L) 480px
스마트폰(P)360px

1080px

1200px