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
- ionic通过判定设备来加载对应的css样式
- 如何通过js动态的加载css样式文件
- ionic css的样式操作 详细介绍
- ionic css的样式操作 详细介绍
- JNI:通过函数名对应表的方式来加载对应的native方法
- JNI:通过函数名对应表的方式来加载对应的native方法
- CSS样式的加载
- CSS样式优先级判定
- PHP判断客户端是手机还是电脑自动调用加载对应的CSS样式
- 判断IE6 CSS 通过判断浏览器类型而加载不同的css样式
- Webpack3.x 通过Webpack加载Bootstrap的CSS/Scss/JS 及更改CSS样式
- eazyui的css样式加载不了!!急!!大神来帮帮我!!
- 通过添加CSS样式来强制不换行
- 【PHP】php通过javascript判断不同设备分辨率来调用不同的css class
- 用css来设置div的样式
- 通过getPropertyValue 取得最终的CSS样式
- 通过js动态的设置css样式
- CSS样式对背景图片加载的影响
- Java的集合框架
- 新手看MockPlus
- 仿微信/支付宝的密码输入框效果 带自定义键盘
- css动画兼容
- 向下转换问题的解决策略
- ionic通过判定设备来加载对应的css样式
- Java Web 随笔(2):简单的DOM操作
- Linux 服务器如何开放端口 配置防火墙
- HDU 1850 - Being a Good Boy in Spring Festival【Nim博弈】
- git辅助神器:修改默认文本比较工具diff 为Beyond Compare
- Mybatis使用一些问题
- [angular]指令之1scope
- Java代码配置DispatcherServlet
- 1002