文章/答案/技术大牛

发布

问平台专用css Ionic 2
EN

Stack Overflow用户

提问于 2017-05-13 06:44:21

回答 1查看 4.5K关注 0票数 4

我正在创建离子型应用程序，用户界面在Android上看起来不错，但这对Ios来说是不行的。我的头栏就像

 <ion-toolbar class="subheader" >
    <ion-title class="subheader0">STEP 1 </ion-title>
    <ion-title class="subheader1">Verify your details to proceed. </ion-title>
    <ion-title class="subheader2">Continue</ion-title>
  </ion-toolbar>

这在Android中显示，但只有最后一行(继续)显示在ios子标头上。现在在特定于平台的css中应该做什么呢？

css

ionic-framework

ionic2

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-05-14 10:58:17

平台特定的css是用包装在相关sass上的前缀编写的。

windows

.wp{
  /// styles
}

android

.md{
  /// styles
  // default style during developmnent
}

苹果

.ios{
  /// styles
}

默认的开发样式可以在app.module.ts中更改。

imports: [
   IonicModule.forRoot(MyApp,{
          mode:'ios'
   }), 
]

离子文档参考

为了修改工具栏，可以特别针对工具栏的离子sass变量。

https://ionicframework.com/docs/api/components/toolbar/Toolbar/#sass-variables

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/43950081

复制

相似问题

问平台专用css Ionic 2
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问平台专用css Ionic 2EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问平台专用css Ionic 2
EN