css margin을 px단위로 설정하는 이유가 있을까요?

Question

회사에서 html css을 공부시켜서 공부중입니다.일반적인 쇼핑몰 사이트를 만들어보고 있는데요h2에 margin을 em단위로 해놓으니까px단위로 바꾸라고 하더라구요 그래서 em을 px로 변환해서 수정하니까px에 소수점 지우라고 하네요반올림해서 소수점 제거해놓으니내일 그렇게 한 이유에 대해서 설명해달라고 하네요 em을 px로 바꾸라고 할 때 무슨 의미였을까요?

kenu,전독시 · Answer

https://okdevtv.com/mib/css참고하시고,em은 단위가 소수점 이하 표현이 가능하지만, px는 안 됩니다. 그 차이죠.

KDDI · Answer

kenu//감사합니다저도 알아보니까 상대적인 크기랑 절대적인 크기 그런 기능적인 차이가 있더라구요. 근데 리더분이 굳이 em을 px로 바꾸게 한 이유를 모르겠네요. 소수점 표기의 문제라면 px보단 em이 나을테니까요.추가)오늘 훈계 들을 때에는, 실제 디자이너가 리소스 만들어줄 때에는 px에 소수점 넣을 일 없도록 건네주니까 px에 소수점 넣지말란 식으로 들었네요.추가2) em수치를 정확하게 px수치로 변환해서 소수점까지 써놓았을 때, &#34;그렇게 수치만 바꾸는건 스마트한 방식이 아니다. 품질에 신경쓰도록해라&#34; 라고 하더라구요. 이 과정에서 어째서 품질 얘기가 나오는건지 모르겠고요..

Mux · Answer

rem, em은 폰트 크기에 영향을 받습니다(가변). rem, em은 결과적으로 px로 다시 변환되어 적용됩니다. rem은 최상위(root) 엘리먼트의 폰트 크기에 영향을 받습니다. em은 현재 엘리먼트 폰트 크기에 영향을 받습니다. 간혹 em을 상위(부모)의 폰트크기라고 하시기도 하는데, 이는 전혀 틀린 말은 아닙니다. 단지, 자식이 부모의 폰트 크기를 물려 받기 때문에 둘다 맞는 말입니다. rem과 em을 사용하면 유연한 디자인(예시로 반응형)이 가능하며,사용자 환경에서의 폰트 크기에 따른 화면 깨짐에도 대응할 수 있습니다. 다만 px역시 최초 화면의 크기를 고정하는데에도 사용되기 때문에 적절히 사용할 필요가 있습니다.

css margin을 px단위로 설정하는 이유가 있을까요?

3개의 답변

#px 목록