기초를 확장 할 때 em/rem 또는 px를 사용해야합니까?

Question

저는 foundation 5.x로 새로운 웹 어플리케이션을 만들고 있습니다. 모든것이 rem에 기반한 것으로 보입니다. 이전에는 px를 사용하여 패딩/여백을 수정했지만 재단과 함께 테마를 작성하는 것이 측정과 같이 일관된 rem을 사용하는 것이 더 쉬울 수도 있습니다.

건축 테마/건축물 5를 확장하기위한 scss를 rem/em/px로 더 잘하는 분 (경험으로부터) 누구라도 확인할 수 있습니까?

또한 글꼴 크기에 rem/em/px를 사용해야합니까?

Answer 1

em은 부모를 기준으로하므로 수학과 혼동을 일으킬 수 있습니다. 1.2em 크기의 li이 있고 그 안에 다른 li을 중첩하면 1.2x 1.2 = 1.44em의 글꼴 크기가됩니다.

rem은 부모와 관련이 없으며 documnet의 루트 (기본값은 16px)입니다. 내가 일관된 일을 유지하고 지원하려는 경우 픽셀이 후퇴하도록 REM을 사용하는 것이 좋습니다 http://codepen.io/edge0703/pen/DijuC

html {font-size: 120%} 

.one li { 
    font-size: 1.2em; 
} 

.two li { 
    font-size: 1.2rem; 
}