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{
}
本文介绍如何使用Ionic框架配合Cordova来实现针对iOS和Android不同平台的样式调整。通过简单的JavaScript代码判断当前运行的设备类型,并据此加载相应的CSS样式。
6680

被折叠的 条评论
为什么被折叠?



