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

쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

[visual] layout css 작성하기

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

작성

488

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

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 반응형-웹 클론코딩

답변 1

LIZ.B

지식공유자

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

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

감사합니다^^

Jennifer oh

질문자

네 감사합니당!!!^^

인프런 커뮤니티 질문&답변

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