时间戳

首页 > 解决方案 > 根据屏幕宽度在 v-toolbar 中 Vuetify v-avatar 的大小

javascript - 根据屏幕宽度在 v-toolbar 中 Vuetify v-avatar 的大小

问题描述

我正在使用 v-avatar 在我的工具栏中显示可点击的用户个人资料图片，这与 Google 在他们的工具栏中显示的内容并不太相似。主要问题是，当我测试不同的屏幕宽度时，工具栏的大小会发生变化。我知道这是 Material Design 的一部分，根据屏幕类型，它可能是 48、56 或 64 像素。

如何根据屏幕大小动态调整我的图标大小？V-avatar 有一个size属性，当我尝试这样做时，%我得到了非常不稳定的结果。

标签： javascriptvue.jsvuetify.js

解决方案

推荐阅读