为什么 ionic 在浏览器和安卓上编译出的版本的布局不一样？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Ionic

这是一个创建于 3450 天前的主题，其中的信息可能已经有所发展或是发生改变。

6 条回复 • 2016-07-21 10:35:40 +08:00

lanceli

2015-05-25 15:12:26 +08:00

原则上ionic ui组件遵循iOS和Android的默认系统样式，浏览器使用iOS的样式
当然ionic提供了相应的配置，可通过$ionicConfigProvider自行配置
http://ionicframework.com/docs/api/provider/$ionicConfigProvider/

kokdemo

2015-05-25 15:14:06 +08:00

@lanceli ……果然还是研究的不透彻，多谢了！

insraq

2015-05-25 15:32:30 +08:00

ionic有iOS/Android两套风格，如果是Android就用Android风格，所有非Android都会用iOS风格。

kokdemo

2015-05-25 16:03:17 +08:00

@insraq 我其实是想在android上用ios的风格来着……

lingyired

2015-06-03 09:52:55 +08:00

@kokdemo 目前 ionic 还没有提供一个切换的属性，不过你可以根据这个帖子 http://forum.ionicframework.com/t/how-to-use-ios-style-on-android-disable-platform-specific-styles/20421/3

来完成大部分的风格切换，但部分组件仍然会保留 android 风格。不过布局什么的，特别是 tab 风格就会被切换过来

hiwanz

2016-07-21 10:35:40 +08:00

@kokdemo 我是直接修改 webview 的 ua 为 iPhone 实现的