반응형 웹디자인의 조건 글꼴 크기
퍼블리셔/css2012. 10. 26. 09:00
반응형 웹디자인을 적용하려면 제일 먼저 글꼴 크기를 정해줘야 한다. 예전에 방탄웹에서는 키워드를 사용하는 방법을 말했다. 이유는 키워드는 어떤 브라우져에서 봐도 동일하나는 결론이였죠. 하지만 이제는 환경이 좀 변했습니다. 바로 반응형이죠. 브라우져의 크기, 보는 기기의 크기에 따라 웹페이지가 변해야 한다는 점입니다. 그 조건에 가장먼저 적용해야 하는 것이 바로 글꼴의 크기 입니다. 글꼴의 크기에 따라서 컨텐츠의 크기도 달라지고, 여백도 달라집니다. 즉 모든 것이 달라지기 때문에 레이아웃이 변합니다. 기존의 px 로 되어 있는 크기를 em 으로 변환해야 합니다. 그런 어떤식으로 변환해야 올바른 것일까?? 특별히 다른 값을 명시하지 않는 한 모든 최신 브라우져는 디폴트 폰트 크기로 16px 를 사용합니다. ..