테스트 사이트 - 개발 중인 베타 버전입니다

반응형에서 가로폭에 맞춰서 글자 한줄에 유지되게 할 수 있나요? 채택완료

동물원 3년 전 조회 1,911

반응형인데, 폭이 줄어들면 글자크기가 작아지더라도 무조건 줄바꿈 없이 보이게 해달라는 

요청이 있어서요.

 

보통의 반응형이면 가로폭이 줄어들면 줄바꿈이 생기기 마련인데, 줄바꿈이 생기지 않게하고,

그냥 무조건 가로폭에 맞춰서 폰트크기가 조정되게 할 수 있는 방법이 있을까요? 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
exception
3년 전

css {vw vh}

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

동물원
3년 전
네~ 답변 감사합니다. 제가 그렇게(vw , vh) 적용을 해보려고 했는데요. 잘 안되서 질문을 드려봤어요. 가로폭에 꽉맞추려면 100vw 인가 해서 해봤는데, 문제는 내용이 차지하는 영역이 가로를 다 쓰는 게 아니다보니, vw로 해도 줄바꿈이 생기는 것 같아서요. 이런 경우 무조건 줄바꿈이 없도록 할 수 있는 방법이 있을까요?
e
exception
3년 전
해당 html노드에
white-space : nowrap로 줄바꿈 되지않도록 바꾸시고
나머지는 vw으로 px 계산해보시면서 해보시면 될거같아요
e
exception
3년 전
해당 html노드에
white-space : nowrap로 줄바꿈 되지않도록 바꾸시고
나머지는 vw으로 px 계산해보시면서 해보시면 될거같아요
동물원
3년 전
네~ 상세한 답변 감사드려요. 한번 더 적용해 보겠습니다. 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

3년 전

calc를 써보시는 건 어떠세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

동물원
3년 전
네~ 답변감사합니다. calc도 검색해서 살펴 봤는데요. 위와 같은 경우에 어떻게 값을 줘야 할지 모르겠네요.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인