重新抓取弹出的是溢出用户屏幕，如何重新定位

Recaptcha popup is overflowing the users screen, how to reposition?

本文关键字：屏幕 用户 溢出 定位 何重新 新抓取 抓取      更新时间：2023-09-26

这是一个今天才开始的问题，CSS页面的代码更改为零，所以我怀疑Recaptcha更改了代码，但我看不到其他人受到此影响。

当我点击"我不是机器人"在我的网站上进行回顾时，弹出的"用x选择所有图像"响应位于captcha框的错误一侧，这导致其中一半被隐藏，因为它以低分辨率显示在屏幕上。

我发现的另一个问题是，如果你向下滚动网页，然后点击需要滚动的recatcha元素，弹出窗口将不再出现在该元素旁边。

所以我的问题是，我能在这个弹出窗口上强制一个样式吗？它没有类或元素ID。

还有其他人有这个问题吗，或者以前经历过吗？

用css将弹出窗口的整个iframe作为目标（然而，repatcha不会将任何id或类分配给iframe父div，因此只有当页面中只有1帧时，它才会工作）

div iframe{
  transform:scale(0.77);
  -webkit-transform:scale(0.77);
  transform-origin:0 0;
  -webkit-transform-origin:0 0;
}

reCaptcha使用iframe进行加载。谷歌并没有为他们的模块定制提供太多。尝试将datasize＝"compact"属性添加到加载div中。这是他们提供的唯一其他选项。试图在模块上强制样式会变得非常混乱，非常快。

<div class="g-recaptcha" data-size="compact" data-sitekey="your_key"></div>

还有另一个选项，使用css转换来缩放iframe。https://www.geekgoddess.com/how-to-resize-the-google-nocaptcha-recaptcha/

<style>@media screen and (max-height: 575px){
#rc-imageselect, .grecaptcha {
     transform:scale(0.77);
     -webkit-transform:scale(0.77);
     transform-origin:0 0;-webkit-transform-origin:0 0;}
</style>
相关文章：