有了Semantic UI React，如何设置Image Avatar的宽度和高度？

Question

我使用：https://react.semantic-ui.com/elements/image#image-example-avatar

 <Image avatar width={32} height={32} src={'/xxx.jpg'} /> 

问题是，图像头像不使用宽度和高度参数，可以转而使用分配CSS：如何设置

.ui.avatar.image, .ui.avatar.image img, .ui.avatar.image svg, .ui.avatar.images .image, .ui.avatar.images img, .ui.avatar.images svg { 
    margin-right: .25em; 
    display: inline-block; 
    width: 2em; 
    height: 2em; 
    border-radius: 500rem; 
} 

使用Semantic UI React的宽度和高度？

谢谢

Answer 1

头像图像大小与有效字体大小有关。控制有效字体大小的快速方法是

<Image style={{'font-size':42}} avatar src={'/xxx.jpg'}/>