크기를 조정할 때 이미지에 텍스트 포함

Question

이미지에 단락을 포함하고 싶은데 항상 넘치네요.

문단 길이만큼 이미지 크기를 조정하고 싶습니다.

최소 높이를 사용해 보았지만 작동하지 않습니다.

으아악

최소 높이를 사용하면 크기가 조정될 때 컨테이너의 크기가 화면에 맞게 조정되어 이미지 크기도 조정될 것이라고 상상했지만 그렇지 않습니다.

Answer 1

사물을 거꾸로 보는 것이 좋습니다.

부모 높이를 설정해야 하는 텍스트이므로 절대값은 작동하지 않습니다.

이미지를 부모의 배경 이미지로 설정하고 부모가 텍스트 크기를 따르도록 하면 지정된 크기의 표지 이미지가 자동으로 필요한 공간을 채웁니다.

제공한 CSS를 기반으로 한 간단한 예는 다음과 같습니다.

으아악 으아악