CSS: TailwindCSS 에서 비율로 높이 변경

Lumpen·2024년 12월 24일

목록 보기

4/6

<div className="relative w-full" style={{ paddingBottom: '56.25%' }}>
  <div
    className="absolute top-0 left-0 w-full h-full border-[1px] border-gray-100"></div>
</div>

반응형을 이렇게 구현하는게 맞나 싶지만
정해진 비율을 유지할 수 있으니 좋다

Lumpen

떠돌이 생활을 하는. 실업자, 부랑 생활을 하는

이전 포스트

TailwindCSS | 반응형으로 내부 이미지 정사각형 유지

다음 포스트

CSS: TailwindCSS 에서 비율로 높이 변경

CSS

TailwindCSS | 반응형으로 내부 이미지 정사각형 유지

CSS | fixed 가 뷰포트에서 동작하지 않을 때

0개의 댓글