84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
vue と vuetify を使用してログイン/登録ページを構築しています。 以下にコードを置きます (私はイタリア人なのでテキストはイタリア語ですが、理解できると思います):
これを試してみると、「登録」(登録) カードの高さがログイン カードよりも低いことがわかります。見栄えを良くするために、高さをログインカードと同じにする方法（できればCSSを使用しますが、JSは使用しません）はありますか？
私が作成したこのコードサンドボックスを確認してください: https://codesandbox.io/s/stack-70836234-11sck?file=/src/components/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
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
私が作成したこのコードサンドボックスを確認してください: https://codesandbox.io/s/stack-70836234-11sck?file=/src/components/CardHeight.vue
に追加するだけです。v-rowからalign="center"を削除します。次に、CSSheight:100%をv-card更新: モバイル ビューでのみ
リーリーv-cardに固定の高さを設定するには、vuetify の表示ブレークポイント を使用できます。この場合、それらをstyle属性に適用しましたが、これは、任意の HTML 属性で使用でき、js のどこでも使用できます。