어쩌다 알게 된 ƪ(•̃͡•̃͡ ƪ

적용 방법 1. HTML의 HEAD의 LINK 태그에 media속성에 지정 2. CSS 파일내에서 @media @media all and (min-width:480px) { } 미디어 타입 설명 all 모든 미디어 장치에 사용 (기본값) print 프린터에 사용 screen pc, 태블릿, 스마트폰에 사용 speech 스크린리더기가 페이지를 읽는데 사용 3. CSS 파일내에서 import /* common.css */ @import "../media.css"; / /* media file */ @media screen and (min-width:768px) { ... } **2번 방법의 예제** max-width :지정한 사이즈보다 작을 경우 @media(max-width: 800px){ //800px ..