(CSS) Width의 크기에 따라 해당 div 안에 있는 폰트 사이트를 조절할수 있는 방법이 있나요?

Question

(CSS) Width의 크기에 따라 해당 div 안에 있는 폰트 사이트를 조절할수 있는 방법이 있나요?예를 들어 width:100px 고정으로 해서, 100px 사이즈에 글자를 더 많이 입력하면 자동으로 font 사이즈가 작아지면서 더 글자가 많이 들어가는 방법이 있을까요?

꽁꽁얼어붙은한강위를고양이가걸어갑니다 · Answer

em, rem 이런 거 말씀하시는건지

스르르 · Answer

텍스트 overflow 또는 두 줄이 될 때마다 폰트사이즈를 줄이는 스크립트를 작성그걸 해주는 라이브러리 활용(bigtext.js 같은)캔버스나 svg 활용정도가 있지 않을까요

doolee22 · Answer

쉽지 않은 것 같습니다. 요즘 front개발 추세가...첫번째 분이 언급하신 em, rem등을 사용하면 될 것 같은데요.tailwind.css등의 css프레임웍을 사용해야 좀 더 편하게 개발할 수 있고, 향후 유지보수에도 도움이 될 것 같습니다.최근에 본인이 보던 책의 내용중 3장의 내용이 도움이 되실 것 같으네요.물론 REACT교재이다 보니 접근이 쉽지 않으실 수 있겠다는 생각이 들긴 합니다.Do it! 리액트 모던 웹 개발 with 타입스크립트. p127~ 이후의 내용 참조하십시요.

세브라이드 · Answer

인스타그램 같은 것 같은데...자바스크립트 써야합니다.

캐티 · Answer

비율을 나눠야 하겠지만 vw, vh로 하면 되겠쩌.

soop · Answer

100px 고정이고 글자가 많다면 글자수에 비례해 폰트 사이즈를 조절하시면 되겠네요

월급은나의빛 · Answer

다음 페이지의 예제를 연구해 보시죠https://jsfiddle.net/atvuf7m8/

몰랑토끼 · Answer

텍스트가 차지하고 있는 영역을 css가 구분을 못해요. css는 단순 렌더만 하니까요. 어찌됫든 js는 필수적으로 들어가야 되요

(CSS) Width의 크기에 따라 해당 div 안에 있는 폰트 사이트를 조절할수 있는 방법이 있나요?

8개의 답변

#css3 목록