본문 바로가기

MAX

(1)

[CSS]반응형 웹: clamp()로 fluid typography 구현하기 에 과 같이 말풍선의 텍스트를 반응형을 고려해서 삽입하고자 한다.어떻게 하면 해당 기능을 구현할 수 있을까? ✏️ 요구 조건들을 정리하자면 : 말풍선의 텍스트는 이미지가 아닌 문자열로 제공말풍선 안의 텍스트는 화면 크기를 줄이거나 늘려도 동일한 위치를 유지동일한 줄바꿈을 유지!! 해당 글은 tailwind.css(4.1.12)를 기준으로 작성되었습니다!! 해당 버전에서는 더 이상 tailwind.config를 작성하지 않고 바로 globals.css에서 커스텀 스타일들을 정의를 할 수 있다.1. 말풍선 텍스트 위치 고정하기 : absolute() + top, left, right, bottom자식은 position:absolute, 부모는 position:relative으로 설정하고, 말풍선 내 텍스트의..

이전 1 다음

티스토리툴바