You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
현재 rem을 사용하면 브라우저 스타일에 font-size가 대부분 16px이기 때문에 1rem이 16px로 되고 있습니다.
16px을 기준으로 잡으면 14px은 0.875rem, 12px은 0.75rem 이런식으로 계산해서 사용해야 하는데요.
html의 font-size를 62.5%로 하게 되면 16 * 0.625 = 10px이 되서 1rem이 10px, 14px이 1.4rem, 16px이 1.6rem으로 됩니다.
저는 rem을 사용할 때 불편했던 점이 rem 사용 시 계산해야한다는 점과 rem으로 계산한 값을 px로 한번에 알아보지 못한다는 점이였는데요. 해당 방법을 사용하면 사용할 때와 이후에 font-size를 수정할 때도 알아보기 편해서 좋더라구요. 디자이너 분들은 px로 작업을 해놓으시니.. 비교하기 편하답니다.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
현재 rem을 사용하면 브라우저 스타일에 font-size가 대부분 16px이기 때문에 1rem이 16px로 되고 있습니다.
16px을 기준으로 잡으면 14px은 0.875rem, 12px은 0.75rem 이런식으로 계산해서 사용해야 하는데요.
html의 font-size를 62.5%로 하게 되면 16 * 0.625 = 10px이 되서 1rem이 10px, 14px이 1.4rem, 16px이 1.6rem으로 됩니다.
저는 rem을 사용할 때 불편했던 점이 rem 사용 시 계산해야한다는 점과 rem으로 계산한 값을 px로 한번에 알아보지 못한다는 점이였는데요. 해당 방법을 사용하면 사용할 때와 이후에 font-size를 수정할 때도 알아보기 편해서 좋더라구요. 디자이너 분들은 px로 작업을 해놓으시니.. 비교하기 편하답니다.
참고글 남겨놓습니다!
투표해주시고 혹시 더 좋은 의견있으면 남겨주세요~!
4 votes ·
Beta Was this translation helpful? Give feedback.
All reactions