Thief of Wealth
article thumbnail
em? rem?
개발/FrontEnd Interview 2021. 4. 5. 12:50

- em em은 이 단위가 적용된 엘리먼트의 font-size에 비례한다. 예를 들어 보자! div에 width: 2em을 줬더니 40px이 되어있다. 왜냐하면 해당 엘리먼트의 font-size가 이미 20px으로 설정되어 있기 때문이다. 만약 해당 엘리먼트에 font-size를 따로 설정해준적이 없다면, 기본값인 font-size: inherit;에 따라서 부모의 15px를 물려받아 사용된다. 위 예제에서는 2em이 30px이 될 것이다. em을 사용하면, pixel보다 상대적으로 더욱 유연하게 처리할 수 있어서 조건에 맞게 length를 조절할 수 있다. 하지만 em을 선호하지 않는 사람도 있다. 퍼블리싱을 할 때, 디자인의 변경 또는 요구사항 변경을 이유로 글자크기나 다른 요소들이 바뀌는 경우가 많..

profile on loading

Loading...