Fontawesome图标宽度100%宽度vue fontawesome组件
[英]Fontawesome icon width 100% width vue fontawesome component
问题描述
We are using fontawesome in a vue project with the official vue-fontawesome component.
我们在一个带有官方vue-fontawesome组件的 vue 项目中使用 fontawesome。
I want the icon to be adjusted to the width of the parent box (width=100%).我希望将图标调整为父框的宽度（宽度= 100％）。
How to do?怎么做？
1 个解决方案
解决方案1
0 已采纳 2020-07-07 08:22:58
Ok, i find a solution.好的，我找到了解决方案。 I have to set width:100% AND height:100% or height:auto;我必须设置width:100% AND height:100%或height:auto;
<font-awesome-icon icon="blender-phone" style="width:100%; height:auto;"/>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
在 Nativescript Vue 中更改 Fontawesome 图标 - Change Fontawesome icon in Nativescript Vue
Fontawesome 未加载 vue 2 - Fontawesome not loading for vue 2
如何在 Vue.js 中绑定 fontawesome 图标名称 - How to bind fontawesome icon name in Vue.js
fontawesome 与 vue 不起作用 - fontawesome with vue do not work
Vue-fontawesome with Yarn - Vue-fontawesome with Yarn
使用 vue-fontawesome 导入常规图标和实体图标 - Import both regular and solid icon with vue-fontawesome
fontawesome 5 在 vue js 应用程序中找不到一个或多个图标 - fontawesome 5 could not find one or more icon in vue js application
如何修复未显示的图标（FontAwesome） - How to fix an icon that is not showing (FontAwesome)
Fontawesome图标未更新 - Fontawesome icon doesn't update
带有FontAwesome版本5的Vue.js - Vue.js with FontAwesome version 5
相关标签