본문 바로가기

pxtorem

 (1)
SCSS 활용 팁 1. @function을 활용하여 px을 rem으로 쉽게 변환하기 디바이스의 다양화에 대응하고 사용자의 브라우저 설정을 존중하는 유연한 디자인을 제공하기 위해, 현업에서도 고정값인 px(픽셀)보다 em이나 rem과 같은 비율로 크기 조정이 가능한 단위들을 자주 사용하게 되었는데요. 이 중에서도 특히, 루트 html의 폰트사이즈를 기준으로 하는 rem을 자주 사용하게 되는 것 같습니다.1rem = ?1rem은 html에서 설정한 font-size의 값과 동일합니다. html의 font-size가 16px 일 때, 1rem은 16px이 되고, html의 font-size를 14px로 설정하면 1rem은 14px이 됩니다. 직접적인 부모 요소의 영향을 받는 em과 달리, rem은 html font-size의 영향만 받으므로 예측하기 쉽고, 미디어쿼리를 사용해 html의 폰트..

티스토리툴바