浮动操作按钮大小在不同位置自动更改

Question

angular.module('sbAdminApp')
.controller('mobileViewCtrl', function($scope){
    $scope.mobileBanner = ['banner_small.png', 'banner_small.png', 'banner_small.png'];
    $scope.categories = [
        {'image':'category1.png','name':'Bill Payment'},
        {'image':'category2.png','name':'Doctors'},
        {'image':'category3.png','name':'Events'},
        {'image':'category4.png','name':'Movies'},
        {'image':'category5.png','name':'Gym'},
        {'image':'category6.png','name':'Hotels'},
    ];
    $scope.missions = [
        {'name':'3 Start Checkins', 'crownwin':'100', 'voucherwin':'flipkart','tasktotal':'5','taskdone':'4','status':'Expire on 25/06'},
        {'name':'3 Start Checkins', 'crownwin':'100', 'voucherwin':'flipkart','tasktotal':'4','taskdone':'2','status':'Completed'},
        {'name':'3 Start Checkins', 'crownwin':'100', 'voucherwin':'flipkart','tasktotal':'4','taskdone':'2','status':'Expired'}
    ];
})

这是我的FAB按钮XML，我这样使用它：

<android.support.design.widget.FloatingActionButton
   xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   android:id="@+id/btnFAB"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   app:elevation="6dp"
   app:fabSize="normal"
   app:pressedTranslationZ="6dp" />

This is how it is looking，But i want it this way。它工作正常，但现在FAB正在改变它的大小在正常的地方，并且在某些地方它看起来像一个句号。