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
私が作成したこのコードサンドボックスを確認してください: 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 のどこでも使用できます。