inflearn logo
강의

Course

Instructor

Easy to learn and create a responsive web portfolio! #Sulwhasoo

[visual] Writing layout CSS

max-width:999px에서 비주얼 폰트 vw 변환문의 드려요~

565

Jennifer oh

9 asked

1

안녕하세요, 쌤 몇가지 문의드립니당~

1. max-width:999px 에서 비주얼의 글자들 크기를 vw를 변환할때 저도 사이트에서 변환해보니 viewport width: 1440px을 넣으면 적용하신 아래값이 나오는데 viewport width: 999px을 넣으면 저 값이 안나와서 1440px로 적용하신이유가 있나요? 

.visu_tit {
font-size: 2.917vw;
line-height: 3.750vw;
letter-spacing: -0.139vw;
}
.visu_txt_sub01 {
font-size: 1.25vw;
}
.visu_txt_sub02 {
margin: 3.194vw 0 0;
font-size: 1.389vw;
}

2. 제가 설화수 포폴에 서브페이지등 보완해서 넣고 싶은데요(해도되는거겠죵?) media.css 에서 변환 파트가 1439/999 이렇게 되어있는데 보통은 타블렛 모바일 1024/768 이렇게 되어있어서 왜 1439/999로 나눴는지에대해서 어떻게 설명해야할지 모르겠어요.. 설명에선 컨텐츠 크기가 1440이라서 라고 하셨는데 초보라서..완전히 이해를 못했어요..

감사드립니다~수고하세요! ^^

HTML/CSS 반응형-웹 클론코딩

Answer 1

2

lizb

1.답변: vw 단위 계산및 규격은 설화수에 나와있던 사이즈를 참고해서 만들었습니다. Jennifer님포트폴리오를 만드신다구요~ 그렇다면, 본인 콘텐츠 내용에 맞게 적절히 변경하시면 될거 같아요. 정확히 어떤 규격으로 해야 한다 이런 답은 없습니다 ^^ 가변폭에 상대적으로 적절히 맞으면 됩니다.

2.콘텐츠 너비값이라는건 고정너비값이 들어간 1440을 얘기하는건데요 pc버전에서 보면 content영역에 가장 밖에서 감싸는 박스의 너비값이거든요 브라우저의 크기가 작아지게 되면 1440보다 작아지는 1439부터는 일부 깨지는 부분이 생길수 있습니다. 그래서 1439라는 가변폭을 택한것입니다. 포트폴리오 잘 만드시길 기원할께요!

감사합니다^^

0

Jennifer oh

네 감사합니당!!!^^

Json 플러그인 사용시 variable collection 없음

0

12

1

배리어블 목록 없음

0

21

3

Token 등록 방법 문의

0

18

1

a태그 질문!

1

374

2

질문있습니다!!

1

549

3

css bacground-image를 인식하지 못합니다.

1

397

1

안녕하세요 visual slide 질문이 있습니다.

1

416

1

초반 셋팅 어떻게하나요?

0

389

1

visual animate 질문

1

291

1

js 토글질문

1

254

1

navigation script 질문드립니다.

1

271

1

클래스 질문 드려요!

1

238

1

[header] navigation script 작성하기 8분짜리 강의 추가 설명 부탁

1

251

1

.nav_d1_a 간격 조정이 안됩니다

1

255

1

.show 앵글다운 아이콘(opacity 0) 안됩니다

1

290

1

안녕하세요!

1

206

1

999px 풋터에 '한국어' 떄문에 풋터가 길어졌어요

1

330

1

lounge 플랙스-스페이스비트윈등이 않되요~

1

272

2

질문드려요~

1

265

1

gnb에 submenu가 나올때

1

237

1

Search 코딩

1

229

1

강의초반reset.css

1

226

1

js 가 안되요..

2

253

3

Mac에서는 beautify 단축키가 어떻게 되나요?

1

427

1