代码之家  ›  专栏  ›  技术社区  ›  Shashank HS

IOS 11及以上版本的Ionic 1应用程序中的内容重叠

  •  0
  • Shashank HS  · 技术社区  · 6 年前

    Cordova、Ionic V1和AngularJS V1 在一个特定的控件中 显示日期 IOS 11.4.1版 (最新版本)。在先前版本的IOS中,控件工作正常。

    我已经把截图贴上了

    enter image description here

    显示:块 财产。所以我试着改变display的值,大部分的值在IOS中是不支持的,哪个有效 . 但是当我加上所有的内容都移到最左边,也就是我在图片中突出显示的月份、日期和年份值。

    下面是代码

    this.selectDate = function (date) {
            if (this.isDisabled(date)) return;
            this.selectedDate = angular.copy(date);
            this.selectedDate.setHours(0, 0, 0, 0);
            this.tempDate = angular.copy(this.selectedDate);
        };
    

    <div class=row>
      <div class="col datepicker-day-of-month" 
           ng-click="datepickerCtrl.changeType(\'date\')"> 
           {{datepickerCtrl.selectedDate | date: \'d\'}}
      </div>
    </div>
    

    以上代码是ionic datepicker的一部分 link .

    在Android上正常运行 仅在IOS V 11.4.1中发布。

    谢谢:)

    2 回复  |  直到 6 年前
        1
  •  0
  •   Vikasdeep Singh    6 年前

    我没有测试过,但我遇到了类似的问题。请尝试替换 <div> <span> 看看是否有效:

    <div class=row>
      <span class="col datepicker-day-of-month" 
           ng-click="datepickerCtrl.changeType(\'date\')"> 
           {{datepickerCtrl.selectedDate | date: \'d\'}}
      </span>
    </div>
    

    也不是 display: block display: inline .

    希望对你有帮助。

        2
  •  0
  •   Shashank HS    6 年前

    此问题与不支持IOS 11.4.1的显示属性值有关。

    display: block;
    

    以上属性在最新版本的IOS中不起作用。

    display: -webkit-inline-box !important;
    text-align: -webkit-center !important;
    

    文本对齐用于在中心对齐div元素。

    这个解决方案适用于Android和IOS。

    希望这能帮助别人。