Ionic之如何分别对iOS及Android样式兼容性处理

问题描述：

在Ionic+PhoneGap+Angular1.0+Cordova项目中，某一个按钮中的样式，使用了绝对定位的布局，在iOS的所有机型中都是完美布局；但是在Android机型中，就会出现向上的偏差，针对这个问题，如果微调的话，那么可能导致Android调整好对齐，但是iOS原先好的机型也会出现微小不对齐。

针对这种问题，解决的办法如下：

核心源码：

HTML：

<p class="getCash_myTeasure_pOne-{{platform}}" data-ng-if="!!loaded">{{(withdrawAssets|number:2)|| (0 | number:2)}}</p>

CSS:

.getCash_myTeasure_pOne-ios{
    color: #2d2d2d;
    font-size: 1.2rem;
    padding: 0;
    margin: 0;
}
.getCash_myTeasure_pOne-android{
    color: #2d2d2d;
    font-size: 1.2rem;
    padding: 0;
    margin: 2px 0 0 0;
}

JS：

// 根据平台设置不同平台特定参数
Config.PLATFORM = {
    deviceInformation: ionic.Platform.device(),
    isWebView: ionic.Platform.isWebView(),
    isIPad: ionic.Platform.isIPad(),
    isIOS: ionic.Platform.isIOS(),
    isAndroid: ionic.Platform.isAndroid(),
    isWindowsPhone: ionic.Platform.isWindowsPhone(),
    currentPlatform: ionic.Platform.platform(),
    currentPlatformVersion: ionic.Platform.version()
};

if (Config.PLATFORM.isIOS) {
      $scope.platform = 'ios';
}
else {
      $scope.platform = 'android';
}