不同屏幕尺寸的离子按钮条宽度

Question

我正在使用angularjs + ionic为手机应用程序构建日历小部件，并注意到在不同屏幕尺寸上布置ionic button bar时出现问题。帖子末尾附近的图像。

使用row和col

的标准网格选项排列日期名称（太阳，星期一等）

<div class="row">
    <div class="col" ng-repeat="day in week">{{day}}</div>
</div>

日历是使用button bar

内的row排列的

<div class="row">
    <div class="button-bar">
        <div ng-repeat="c_day in cal_days">
            <a class="button">{{c_day}}</a>
        </div>
    </div>
</div>

现在，我希望按钮栏可以自动调整屏幕的宽度，就像日期名称行中的col一样，但事实并非如此。我尝试使用min-width按钮，但这也无济于事。

我有什么遗失的吗？

在iPhone 6上按预期工作：

iPhone 5s上的按钮重叠：

iPhone 6 Plus上的空白区域：