Question

我使用Onsen ui构建了一个phonegap应用。一切都有默认样式。像工具栏导航等一样。工具栏中心和右侧都有三个组件。工具栏的高度默认为44px，因此是行高。在桌面/移动浏览器中一切正常。但是，不是在phonegap开发者应用程序中。我注意到问题与行高有关。所以我应用了top padding，它只能在高分辨率设备上工作。这是我正在使用的代码。的 HTML

<ons-toolbar>
      <div class="left">
        <ons-toolbar-button ng-click="menu.toggle()">
          <ons-icon icon="ion-navicon" size="28px" fixed-width="false"></ons-icon>
        </ons-toolbar-button>
      </div>
      <div class="center text-center">PHPTRAVELS</div>
      <div class="right">
        <ons-toolbar-button>
            <ons-icon icon="refresh" size="30px" spin="{{isFetching}}" fixed-width="true"></ons-icon>
        </ons-toolbar-button>
      </div>
    </ons-toolbar>

CSS

    .navigation-bar__left {
  max-width: 50%;
  width: 27%;
  text-align: left;

}

.navigation-bar__right {
  max-width: 50%;
  width: 27%;
  text-align: right;
  padding-top: 5px;
  text-align: right;
}

.navigation-bar__title {
  line-height: 44px;
  font-size: 17px;
  font-weight: 500;
  color: #dbd8d8;
  margin: 0;
  overflow: visible;
}

.navigation-bar__center {
  width: 46%;
  text-align: center;
  color: #dbd8d8;
  font-weight: bold;
  font-size: 20px;
}

line-height在phonegap开发者应用程序中不起作用

0 个答案: