프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[CSS] SD_01 단위

2021.06.29
북마크 [출처 이동]    작성자 정보
첨부이미지(0/1)
01 단위
PX -> PX to EM , EM to PX 단위를 알아볼 수 있는 사이트 
http://www.pxtoem.com
 




%
부모의 공간의 %

em
단위가 쓰여진 곳의 폰트 사이즈 배수

rem
문서의 기본 값의 배수
rem단위는 문서의 기본값의 배수 em은 부모태그의 기준값에 따라 달라지지만, rem단위는 문서 전체의 기본값의 배수이므로, 문서 전체의 기준값에 따라 달라집니다.
만약 문서의 전체 값을 바꿔야 한다면 아래 코드를 달아주면 됩니다.  
http://relation.co.kr/images_board/board_system_publishing/247/

 
root   { font-size:16px; }

출처
https://medium.com/watcha/watcha-%EA%B0%9C%EB%B0%9C-%EC%A7%80%EC%8B%9D-px-em-rem-f569c6e76e66
https://esef.tistory.com/117

이 포스트 공유하기

전체목록