前端 macos和win 相同的样式谷歌浏览器显示不一致

开发环境：angular
自定义组件实现过程中，发现加的行内样式在macos 和 win下现实的长度不一致

<input type="button" class='form-control read-only' style="width: 170px" ng-click="selectTime()" value="选择日期" />

本意是想和某输入框大小保持一致

解决方案：
用ng-style 通过ctl 动态更改style

<input type="button" class='form-control read-only' ng-style="osWidthStyle()" ng-click="selectTime()" value="选择日期" />			

ctl.ls

 $scope.osWidthStyle = function (){
         if (navigator.userAgent.indexOf('Mac OS X') !== -1) {
            return {
                'width':'24%'
            }

         } else {
             return {
                 'width':'28%'
             }
         }
     }