inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

clamp, min max를 활용한 강의도 있나요??

180

duddnd

작성한 질문수 13

0

선생님 정말 너무 궁금해서 댓글씁니다. 저는 웹퍼블리셔입니다. 요즘들어 clamp(2px, 5.333vw, 2.3rem) 등등 min max도 저런식으로 작업하는 사이트들을 종종봅니다. 계산하기가 너무 어려운데 선생님도 저렇게 작업하시는 경우가 잇나요 보통 여백및 폰트사이즈 갭 넓이 높이를 전부다 clamp, 및 min max로 작업한 사이트들이 점점 많아 지고잇어요 저는 계산법을 도저히 이해하지못해서 멘탈이 나간상태인데 요즘 추세가 저런식으로 작업을 하나요? 댓글 꼭 부탁드립니다. 이론은 알고잇습니다. clamp는 최소값 기본값 최대값 이란것도 알고있구여  선생님도 저렇게 작업을 하시나요????

HTML/CSS 포트폴리오 반응형-웹 gsap scrolltrigger

답변 1

0

J.영

안녕하세요? J.young입니다.

Clamp, mim , max관련 강의는 아직 제작하지 못했구요..

이부분은 반응형웹사이트를 개발할 때, 대부분의 박스들은 %나 vw로 조절이 가능하지만..

폰트사이즈는 상대적으로 적용되기 때문에 viewport너비에 따라 자동으로 조절되지 않아 vw를 사용하는데

여기에서는 작은 폰트의 경우 뷰포트너비에 따라 텍스트가 읽기 어려울 정도로 줄어드는 경우가 있어

이것을 막기 위해 사용하는데요...

저는 일반적으로 반응형 작업시 테블릿이나 모바일 등등 브레이크 포인트에서 한번더 간단하게 vw 단위로 폰트 사이즈 조절해주는데요, 본문용폰트처럼 작은 텍스트는 경우에 따라 vw와 px로 작성합니다.

감사합니다.

J.young드림

강의 문의드립니다.

0

84

3

마우스 채워지는 텍스트

0

88

2

스크립트 부분이 이해가 어렵네요

0

89

2

scrolltrigger pin-spacer 영역 없애는 법 있나요?

0

270

2

완성본 요청드립니다.

0

96

1

선생님 완성본 문의드립니다.

0

144

2

simplyscroll Plugin에 대해서 질문드립니다.

0

118

2

가로스크롤 갤러리 반응형에서 scrollTrigger 동작 문제

0

112

1

가로스크롤 scrollTrigger 가 작동되지 않습니다.

0

179

2

ScrollTrigger 플러그인이 작동되지 않는 것 같습니다

0

205

3

포트폴리오 문의드립니다.

0

123

2

섹션8 질문

0

141

2

강의요청

0

173

3

5차 완성본 요청합니다.

0

147

2

3차 y축으로 올라오는 갤러리제작

0

145

2

내용입력할때 p안쓰고 span쓰는 이유가 있을까요

0

196

2

섹션 .con02 gsap 질문

0

280

3

scrolla 질문

0

140

2

header gnb splitting 적용문제

0

174

3

완성본은 따로 없는건가요?

0

156

1

안녕하세요. 포트폴리오가 어느방향으로 해야할지 감이 안잡히는데 카톡같은걸로 상담도 해주시나요?

0

126

2

완성된 코드 자료 받아볼 수 있을까요?

0

180

1

섹션 14 테두리 밖 색상 제거

0

174

2

선생님

0

220

1