• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

ios - 在 iOS 设备上运行时,Ionic bar-header 未居中

[复制链接]
菜鸟教程小白 发表于 2022-12-11 16:45:14 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题

我正在使用 Ionic 构建适用于 Android 和 iOS 的应用。
我在 View 中使用 bar-header 作为标题:

<ion-view view-title="Home" class="tab-home">
    <ion-content class="padding">
        <div class="bar bar-header bar-positive">
            <div class="h1 title">The European Experience</div>
        </div>
        <div class="bar bar-subheader bar-stable">
            <h2 class="title">Companion App</h2>
        </div>
        <div class="content has-header padding">
            ...
        </div>
    </ion-content>
</ion-view>

当使用 ionic serve -l 在我的浏览器中显示时,标题正确显示:

ionic lab display

在真正的 Android 设备上运行时,它也能正常工作: run on Android 但是当我在 iOS 设备(物理设备或模拟器)上运行应用程序时,标题不是垂直居中的:

run on iPhone 我尝试添加 CSS 以明确指定 vertical-aligntext-align,但没有成功。

什么可以解释这个问题?我怎样才能在这个标题中居中标题?



Best Answer-推荐答案


这种问题很常见,具体取决于您使用的 Ios/Ionic 版本, 您是否尝试使用标签? ion-header-bar

关于ios - 在 iOS 设备上运行时,Ionic bar-header 未居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37862015/

回复

使用道具 举报

懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝2

帖子830918

发布主题
阅读排行 更多
广告位

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap