ionic2 - 如何自定义按钮大小

Question

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

此屏幕尺寸为iphone6 4.7英寸，但如果在iphone5 4英寸中运行它会变得拥挤和变形，所以我想将按钮尺寸更改为更小。

.html 文件

MidleFrontBack

更新

如果我删除<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> ，则会像这样

Answer 1

最后解决了..谢谢@Duannx

在class="btn"

中添加button

.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 ;
}