ionic2-如何自定义按钮大小

Question

这是我的分享按钮的屏幕截图

此屏幕尺寸适用于4.7英寸iphone6，但如果在4英寸iphone5中运行它将拥挤并变形，因此我想将按钮尺寸更改为更小。

.html文件

<ion-row>
    <ion-note>分享：</ion-note>
      <button ion-fab color="wechat" (click)= "wechatshare(new)"><ion-icon name="minan-wechat"></ion-icon></button>
      <button ion-fab color="danger" (click)= "weiboshare(new)"><ion-icon name="minan-weibo"></ion-icon></button>
      <button ion-fab color="primary" (click)= "qqshare(new)"><ion-icon name="minan-qq"></ion-icon></button>
      <button ion-fab color="wechat" (click)= "whatsappshare(new)"><ion-icon name="logo-whatsapp"></ion-icon></button>
      <button ion-fab color="facebook" (click)= "FBshare(new)"><ion-icon name="logo-facebook"></ion-icon></button>
    </ion-row>

更新：

如果我删除ion-fab ，它将是这样

Answer 1

终于解决了..感谢@Duannx

在button添加class="btn"

.html文件

<button ion-fab color="facebook" class="btn" (click)= "FBshare(new)"><ion-icon name="logo-facebook"></ion-icon></button>

.scss文件

.btn {
  display:block;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px ;
}