inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

px 대신 rem이 현업에서 더 많이 쓰이는가요 ?

486

WOO

작성한 질문수 7

0

HTML CSS는 책으로한번, 다른 인터넷강의로 한번 접해본적이 있고 ES6위주의 공부를 하고싶어 강의를 수강했습니다.

그래도 순서대로 보자 싶어서 HTML 과 CSS강의를 마쳤는데, 수업중에 px단위는 거의 사용되지 않고 rem 단위를 주로 사용하시

는것 같아 의문점이 들어 문의드립니다. 지금까지 봤던 책이나 강의, 다른 사람의 포트폴리오를 보면 rem단위보단 px단위를 다들

사용하시던데 rem 단위가 최신html/css에서 더 선호되는 경향인지가 궁금합니다. 

( 마치 제가 수평정렬을 여태껏 float만 사용해왔는데 이걸 flex로 바꾸는게 앞으로 더 좋은것처럼

px를 항상 사용했는데 만약이게 나쁜 습관이라면 고쳐야 하는가 싶어서요 ㅠ ) 

px javascript 크기 HTML/CSS 단위 es6 rem em

답변 1

0

잔재미코딩 DaveLee

안녕하세요.

이 부분은 영상에서 설명을 드렸어요. px 는 반응형에서는 화면 사이즈에 따라서 변화되지 않고, 고정된 사이즈를 가지기 때문에, 반응형에서는 적합하지 않을 수 있습니다. 그래서 화면 사이즈에 따라, 비율에 따라 사이즈를 적절히 맞추기 위해서, rem 을 많이 사용 합니다. 

잔재미코딩 by Dave Lee 드림

교육기간을 연장할 수 있는지 문의드립니다.

0

34

1

메일 확인부탁드립니다

0

56

1

CodeSandbox Vanilla 질문있습니다

0

59

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

105

1

강의에 관해 문의 드립니다.

0

90

1

메일확인 부탁드립니다.

0

90

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

105

1

Symbol 관련 테스트 코드 실행 결과 문의

0

139

1

호환성 관련 태그

0

119

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

136

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

144

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

86

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

116

1

메일 확인 부탁드립니다.

0

146

1

메일 확인 부탁드립니다

0

150

1

특별한 형태의 javascript배열에서

0

135

1

메일 확인부탁드립니다!

0

160

1

codesandbox 업데이트..

0

143

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

266

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

151

1

removeEventlistener 를 왜 해주어야 하는지

0

227

1

100vw 관련 질문

0

332

2

VS CODE html:5 <tab>기능이 안됩니다

0

344

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

244

2