제목은 다음과 같이 다시 작성됩니다. Vuetify의 v-img는 src 크기가 아닌 컨테이너 크기에 따라 자동으로 조정됩니다.

Question

v-img에 대한 Vuetify의 문서는 다음과 같습니다.

<인용문>

v-img는 올바른 종횡비를 유지하면서 src의 크기에 따라 자동으로 크기를 조정합니다. height 및 max-height 속성을 사용하여 크기를 제한할 수 있습니다.

그러나 컨테이너의 크기나 max-height의 크기 중 더 작은 크기에 따라 자동으로 크기가 조정됩니다. 소스 파일의 크기에 따라 자체 크기가 조정되지 않습니다. 아래 예에서 이미지의 src 크기는 256x256입니다.

예: https://codepen.io/nullism/pen/bGWVreK

이것은 Veutify의 버그입니까, 아니면 문서에 문제가 있습니까, 아니면 속성이 누락된 것입니까?

도움을 주셔서 정말 감사합니다!

업데이트: 일반적인 태그가 예상대로 작동하는 것 같습니다: https://codepen.io/nullism/pen /OJmyjvw

Answer 1

내가 이해한 바로는 이미지 크기를 256 x 256보다 작게 만들고 싶다면 max-width="256" max-heigth="256"

속성을 추가하면 됩니다. 으아아아