嘗試使用 CSS 在螢幕中央顯示幫助彈出視窗。在我的電腦和 ipad 上，它工作正常，但在 iPhone 上，彈出視窗在整個可滾動垂直空間內垂直居中，這意味著我有時必須向上或向下滾動才能看到它。我希望它在調用時位於當前可見螢幕的中心。 （請注意，頁面高度不是靜態的，即根據使用者活動而增加和縮小）。

這是相關的CSS：

  .helpcontent {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 200ms ease-in-out;
    border: 1px solid black;
    border-radius: 10px;
    z-index: 10;
    background-color: khaki;
    width: 500px;
    max-width: 80%;
    padding: 10px 15px;
  }

<div class="helpcontent">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>