크롬의 경우 브라우저에서 설정한 최소 글꼴 크기로 줄어들지 않는다.
아무리 @media를 사용해서 반응형으로 만든다고 해도 div나 span의 크기를 벗어나는 텍스트의
줄바꿈 현상을 강제로 봐야 하는 경우가 있다.
해결책
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
해결완료
'CSS' 카테고리의 다른 글
(CSS) 모바일 기기에서 hover 제거 (0) | 2022.09.02 |
---|---|
(CSS) table header 고정과 스크롤에 의해 border 투명화 현상 해결 (1) | 2022.08.18 |
스마트폰 가상 키보드 활성화시에 UI Resize 현상 방지 (0) | 2022.04.13 |
(CSS) Skeleton UI 제작 (0) | 2022.03.16 |
(CSS) input[type="date"] placeholder 적용 처리 (0) | 2022.02.24 |