vue와 vuetify를 사용하여 로그인/등록 페이지를 만들고 있습니다. 아래에 코드를 넣었습니다(저는 이탈리아 사람이기 때문에 텍스트는 이탈리아어로 되어 있지만 이해하실 겁니다):
이것을 시도해 보면 "등록"(등록) 카드의 높이가 로그인 카드보다 낮은 것을 볼 수 있습니다. 높이를 로그인 카드와 동일하게 만들어 더 보기 좋게 만드는 방법(CSS를 사용하는 것이 좋지만 JS는 사용하지 않음)이 있습니까?
감사합니다! 좋은 하루 되세요!
내가 만든 이 코드샌드박스를 확인해 보세요: https://codesandbox.io/s/stack-70836234-11sck?file=/src/comComponents/CardHeight.vue
v-row 中删除 align="center"。然后只需将 css height:100% 添加到您的 v-card
v-row
align="center"
height:100%
v-card
업데이트: v-card 设置固定高度，可以使用 vuetify 的显示断点，在本例中，我将它们应用于 style 속성을 모바일 뷰에서만 사용하려면 html 속성과 js가 있는 곳 어디에서나 사용할 수 있습니다.
style
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
내가 만든 이 코드샌드박스를 확인해 보세요: https://codesandbox.io/s/stack-70836234-11sck?file=/src/comComponents/CardHeight.vue
에서v-row中删除align="center"。然后只需将 cssheight:100%添加到您的v-card업데이트:
으아악v-card设置固定高度，可以使用 vuetify 的显示断点，在本例中，我将它们应用于style속성을 모바일 뷰에서만 사용하려면 html 속성과 js가 있는 곳 어디에서나 사용할 수 있습니다.