반응형에서 가로폭에 맞춰서 글자 한줄에 유지되게 할 수 있나요?
본문
반응형인데, 폭이 줄어들면 글자크기가 작아지더라도 무조건 줄바꿈 없이 보이게 해달라는
요청이 있어서요.
보통의 반응형이면 가로폭이 줄어들면 줄바꿈이 생기기 마련인데, 줄바꿈이 생기지 않게하고,
그냥 무조건 가로폭에 맞춰서 폰트크기가 조정되게 할 수 있는 방법이 있을까요?
답변 2
css {vw vh}
네~ 답변 감사합니다. 제가 그렇게(vw , vh) 적용을 해보려고 했는데요. 잘 안되서 질문을 드려봤어요. 가로폭에 꽉맞추려면 100vw 인가 해서 해봤는데, 문제는 내용이 차지하는 영역이 가로를 다 쓰는 게 아니다보니, vw로 해도 줄바꿈이 생기는 것 같아서요. 이런 경우 무조건 줄바꿈이 없도록 할 수 있는 방법이 있을까요?
해당 html노드에
white-space : nowrap로 줄바꿈 되지않도록 바꾸시고
나머지는 vw으로 px 계산해보시면서 해보시면 될거같아요
해당 html노드에
white-space : nowrap로 줄바꿈 되지않도록 바꾸시고
나머지는 vw으로 px 계산해보시면서 해보시면 될거같아요
네~ 상세한 답변 감사드려요. 한번 더 적용해 보겠습니다. 감사합니다.
calc를 써보시는 건 어떠세요
네~ 답변감사합니다. calc도 검색해서 살펴 봤는데요. 위와 같은 경우에 어떻게 값을 줘야 할지 모르겠네요.
답변을 작성하시기 전에 로그인 해주세요.