使用onsen ui时,导航栏文本不在设备的中心

Question

我从中下载了默认的主 - 详细信息模板onsen ui,然后开发了基于它的cordova移动应用程序.导航栏中的标题标题以pc浏览器和chrome纹波为中心,但不在设备上.在设备上它会粘在左边.我已添加此样式以查看正在发生的事情.

    .navigation-bar__center
    {
        text-align:center;
        border:solid;
        border-width:1px;
    }
    .navigation-bar
    {
        border:solid;
        border-color:#f00;
        border-width:1px;
    }

似乎标题的对应div没有拉伸.

这是在PC浏览器上

这是在移动设备上(三星android 4.2)

PS.所有页面上都存在问题.

Answer 1

尝试使用fixed-style导航栏标记上的属性.像这样

<ons-toolbar fixed-style>
  <div class="center">
    This will be centered
  </div>
</ons-toolbar>

实际上,它不以设备为中心的原因是Onsen UI尝试模拟本机行为.在Android上,导航栏标题不居中,而是左对齐.