我需要調試一個應用程序，問題是reCAPTCHA窗口(您必須在其中選擇幾個同類圖像的窗口)的位置有點奇怪，這意味著驗證按鈕不在可見屏幕中，這意味著我無法從該頁面繼續移動，因為我無法驗證我選擇的選項。

就Html而言，這是因為div容器的頂部位置比它應該在的位置多了一點，它將屏幕外的彈出窗口向下推。

我已經檢查了reCAPTCHA文檔，但是幾乎沒有提到如何定位彈出窗口。從這里我猜想它應該自動地把自己定位在正確的位置上，但在我看來，它肯定沒有。

我提到這種情況只發生在像Iphone SE這樣的小屏幕上，但對于Iphone 12來說，它工作得很好。我還提到，有足夠的空間向上拖動彈出窗口，以便看到位于彈出窗口底部的驗證按鈕。

我應該如何處理這個問題？

有兩種方法可以解決這個問題。可以用位置:固定；或最大高度:

位置固定

// Position the reCAPTCHA window relative to the viewport.
var recaptchaWindow = document.getElementById('recaptcha-window');
recaptchaWindow.style.position = 'fixed';
recaptchaWindow.style.top = '0';
recaptchaWindow.style.left = '0';

<div id="recaptcha-window" class="recaptcha-window">
  <div class="recaptcha-content">
    <div class="recaptcha-image"></div>
    <div class="recaptcha-buttons">
      <button class="recaptcha-verify">Verify</button>
      <button class="recaptcha-close">Close</button>
    </div>
  </div>
</div>