CSS 3.0 - 미디어 쿼리(반응형 웹 만들기)
태블릿 PC나 모바일 기기가 늘어남에 따라 모바일 웹에 대한 관심이 높아지고 있습니다. 그에 따라 각 기기별 해상도에 맞춰 레이아웃을 다시 짜야할 필요성이 늘어났습니다. PC로 봤을 때는 깔끔하고 예뻤던 디자인이 모바일 기기로 보면 해상도 차이로 불편한 디자인이 되버렸습니다. 이러한 점을 해결하고자 CSS 3.0부터는 미디어 쿼리를 사용하여 여러 조건 별 디자인을 적용하는 것이 가능해졌습니다. 미디어 쿼리를 적용하는 것에는 4가지 방법이 있습니다. 1) Link 1234cs 첫 번째는 link를 이용하는 방법입니다. 조건에 따라 각자 다른 css 파일을 불러오도록 되어 있습니다. 2)Style 1234/* style 작성 */ Colored by Color Scriptercs 두 번째는 style 태그 ..
IT/HTML, CSS
2017. 3. 25. 16:12
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday