ionic通过判定设备来加载对应的css样式

来源:互联网 发布:淘宝判断虚假交易 编辑:程序博客网 时间:2024/05/02 01:24

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{}




0 0
原创粉丝点击