ionic虽说完全兼容android及ios,但在实际应用中我们可能需要为android或ios单独设置css样式,这个时候可以通过cordova去判别当前设备的类型如下
if(/iphone/i.test(navigator.userAgent) || /ipad/i.test(navigator.userAgent)){
//ios调整样式
}else{
//android调整样式
}
你可以选择加载对应的css文件,也可以使用ng-class,或者其他,如我的
<div class="wf-home-black-{{platform}}"></div>
js文件
if(/iphone/i.test(navigator.userAgent) || /ipad/i.test(navigator.userAgent)){
//ios调整样式
$scope.platform = 'ios';
}else{
$scope.platform = 'android';
}
css文件
.wf-home-black-android{
}
.wf-home-black-ios{
}