溢出在iOS设备上不起作用

Question

从屏幕上可以看到，我的页面部分有问题，我声明该站点的所有其他溢出部分都可以很好地工作。我已经尝试了几次以查看代码，但是我不知道它可以是什么...也将无法使用的部分的代码放在下面。

我使用顺风作为CSS框架，这是您如何在node.js中猜测项目的方法。预先感谢。

<div class="messageDiv w-full h-full flex flex-col justify-start overflow-scroll relative text-xl lg:text-xs">
    <!--prototipo di messaggio-->

    <% for(var i=messages.length-1 ; i >= 0 ; i--){ %>
      <% if(messages[i].id_user == userId){ %>

      <div class="flex justify-end items-center">
        <div class="talk-bubble tri-right radius right-in bg-gray-900 text-white w-auto px-5 py-2 mb-2 lg:mb-1 mr-5">
          <div class="talktext flex flex-col justify-center items-center">

            <p class="text-left w-full"><%=messages[i].text%></p>
            <div class="info-message flex justify-start items-center w-full pt-1 mt-1 overflow-hidden">
              <p class="title text-rigth username"><%=messages[i].username%></p>
              <i class="fas fa-circle text-white px-2"></i>
              <i class="far fa-clock title"></i>
              <p class="title ml-1"><%=messages[i].date.getHours()%>:<%=messages[i].date.getMinutes()%></p>
            </div>

          </div>
        </div>
      </div>

      <% } else{ %>
        <div class="flex justify-start items-center">
          <div class="talk-bubble tri-left radius left-in bg-black text-white w-auto px-5 py-2 ml-5 mb-2 lg:mb-1">
            <div class="talktext flex flex-col justify-center items-center">

              <p class="text-left w-full"><%=messages[i].text%></p>
              <div class="info-message flex justify-end items-center w-full pt-1 mt-1 overflow-hidden flex-no-wrap">
                <p class="text-giallo text-rigth username"><%=messages[i].username%></p>
                <i class="fas fa-circle text-white px-2"></i>
                <i class="far fa-clock text-giallo"></i>
                <p class="text-giallo ml-1"><%=messages[i].date.getHours()%>:<%=messages[i].date.getMinutes()%></p>
              </div>

            </div>
          </div>
        </div>
      <% } %>
    <% } %>

    <!--end-->
  </div>