IONIC 3 — ошибка HTML только на устройстве

#html #debugging #ionic-framework #ionic3

#HTML #отладка #ionic-framework #ionic3

Вопрос:

Я получил ошибку в моем html, которая отображается только на устройствах, только на iOS, а не на Android, в браузере или эмуляторе xCode. Кнопка «menuToggle» моего ионного заголовка, похоже, разрезана пополам, даже после многих попыток изменить атрибуты css, z-индекс и т. Д.

Я полагаю, что это проблема класса ios, но я не нашел никакого способа воспроизвести ее, и моя попытка css не удалась, поэтому я немного застрял. Любые советы о том, как я могу это отладить, приветствуются.

 <ion-header lightBlue-background>
  <ion-navbar>
    <button ion-button icon-only menuToggle="left">
      <img src="assets/icon/homeBurger.png">
    </button>
    <img src="assets/img/img.png">
    <button ion-button icon-only>
      <img src="assets/icon/homeRefresh.png">
    </button>
  </ion-navbar>
</ion-header>
  

Ответ №1:

Ну, я случайно исправил это с помощью «display: block ! важно».

Не очень доволен