(CSS) font-size 최소 크기 이상으로 줄여지지 않는 경우

크롬의 경우 브라우저에서 설정한 최소 글꼴 크기로 줄어들지 않는다.

아무리 @media를 사용해서 반응형으로 만든다고 해도 div나 span의 크기를 벗어나는 텍스트의

줄바꿈 현상을 강제로 봐야 하는 경우가 있다.

 

해결책

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

 

해결완료