inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

CSS Flex와 Grid 제대로 익히기

Grid 활용예제 #1 - 카테고리 정렬하기

색감 관련 궁금증

212

AirDream

작성한 질문수 40

0

chrome 창에서 열었을때랑

firefox에서 열었을 때,

예제의 빨간계열 색감이 달라보이네요.

크롬에서는 약간 탁해보인다면

파이어폭스에서는 쨍한 컬러라고 해야하나요?

이럴경우 색감을 어떻게 맞추어주어야하나요?

갑자기 궁금해져서 ㅎㅎ

앗 그리고 

공유해주신 html 파일 보다가 폰트 사이즈는 왜 %로 줬나요?

그리고 -moz-osx 이게 어떤 속성을 준것인지

text-rendering은 무슨 속성인가요?

html {
font-size: 87.5%; /* 14px */
font-family: Roboto, 'Noto Sans KR', sans-serif;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
}

flex HTML/CSS

답변 1

0

1분코딩

브라우저별로 색감 차이를 맞추는 것은 저도 안해봐서 잘 모르겠습니다^^;

html의 font-size를 % 준 것은 em으로 한 것과 비슷하게 생각하시면 됩니다.
0.875em으로 하셔도 똑같을거에요~

-moz-oxs는 파이어폭스에서 Mac OS X에서 동작하는 속성에 붙이는 접두어입니다.

text-rendering은 딱히 필요를 느끼지 않아서 저도 잘 사용하지 않는 속성인데요, 예제에서 이것저것 테스트 해보다가 들어간 것 같습니다 ㅎㅎㅎ
자세히 설명이 되어있는 페이지를 발견해서, 링크를 덧붙입니다^^
https://code.i-harness.com/ko-kr/docs/css/text-rendering

가로스크롤 과 margin: 0 -1rem 질문 있습니다

0

118

1

수업자료 다운로드

0

122

1

VS코드에 클래스 이름만 넣으셨는데 선생님이 뭘 누르면 바로 태그로 변하던데...

1

136

1

css grid repeat() 에서 autofit 사용시

0

181

1

menu 아이템 반응형 변경

0

102

1

질문은 아니고.. 오타 발견..

0

120

1

웹에서 위치?값

0

211

1

px, em ,rem을 어떻게 감각적으로 쓸 수 있을까요?

0

510

2

강의에 나오는 html 자동으로 만들어주는 편집기에 대해 알 수 있을까요?

0

309

1

flex-basis auto, 0 차이

0

709

2

padding 대신 gap을 쓰는게 더 편하지 않나요?

2

606

1

animation forwards 관련 질문

0

488

2

auto-fill, auto-fill이 적용되지 않는것 에 대해 질문드립니다.

0

559

1

flex-grow IE 질문드립니다.

0

624

2

Flex-grow가 적용되는 영역에 대해 질문드립니다.

0

437

1

Grid 수직정렬 문의

0

1075

1

card__item에 display:flex를 했을 때..

0

512

1

11vmin

0

417

1

header class 안에 div와 h2

0

576

1

grid 반응형 페이지 step1 질문있습니다~

0

281

1

반응형 페이지 step4 order

0

355

1

미디어쿼리 사이즈

1

285

1

figure + div

0

298

1

CSS Grid를 통한 정렬의 장점

0

245

1