Recaptcha没有显示在iPad上到移动设备

Question

当我在浏览器中点击iPad大小时，我的谷歌验证码消失了，我的网站 https://tvstartup.com。

我试过什么

我检查了显示验证码的div，但没有显示：没有属性或任何应该使其不显示的属性。我还尝试使用边距来查看它是否已经消失了屏幕或其他东西，但没有，我还确保他们的 javascript 不是阻止它显示，但没有。

目录：

<form action="http://tvstartup.com" method="post" class="wpcf7-form" novalidate="novalidate" id="homeebook">
                    <p class="error" style="color: red;"><?php if (isset($_GET['message'])) {echo $_GET['message'];} ?></p>
                    <p><label>Name (required)<br />
                        <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="<?php if (isset($_SESSION['yourname'])) {echo $_SESSION['yourname'];} ?>" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" /></span></label>
                    </p>
                    <p><label>Email (required)<br />
                        <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="<?php if (isset($_SESSION['youremail'])) {echo $_SESSION['youremail'];} ?>" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false" /></span></label>
                    </p>
                    <p>
                        <label>
                            Areas of interest (required)<br />
                            <span class="wpcf7-form-control-wrap menu-738">
                                <select name="menu-738" class="wpcf7-form-control wpcf7-select wpcf7-validates-as-required" aria-required="true" aria-invalid="false">
                                    <option value="">---</option>
                                    <option value="Internet TV" <?php if (isset($_SESSION['areas'])) {if($_SESSION['areas'] == 'Internet TV'){echo 'selected';}} ?>>Internet TV</option>
                                    <option value="Satellite TV" <?php if (isset($_SESSION['areas'])) {if($_SESSION['areas'] == 'Satellite TV'){echo 'selected';}} ?>>Satellite TV</option>
                                    <option value="Cable TV" <?php if (isset($_SESSION['areas'])) {if($_SESSION['areas'] == 'Cable TV'){echo 'selected';}} ?>>Cable TV</option>
                                    <option value="Consulting" <?php if (isset($_SESSION['areas'])) {if($_SESSION['areas'] == 'Consulting'){echo 'selected';}} ?>>Consulting</option>
                                    <option value="Other" <?php if (isset($_SESSION['areas'])) {if($_SESSION['areas'] == 'Other'){echo 'selected';}} ?>>Other</option>
                                </select>
                            </span>
                        </label>
                    </p>
      <div class="g-recaptcha" data-sitekey="mykey"></div>
                             <p><input type="submit" value="Send Ebook" name="submitebook" class="wpcf7-form-control wpcf7-submit"/></p>
                                <div class="wpcf7-response-output wpcf7-display-none"></div>
                            </form>
                        </div>

请帮助我谢谢

Answer 1

我已经看到了您的页面代码，问题不在于 recapcha 的样式，而在于包含它的容器：

小版本的容器

大版本的容器

似乎在调整大小后，当第二个容器出现时，一个容器会消失。显然，其中一个容器没有验证码。这就是为什么那个东西消失了。

编辑：

插入：

 <div class="g-recaptcha" data-sitekey="6LdThiUUAAAAADHuhJfixVu5tZyeuOrXJKYcj4O4"><div style="width: 304px; height: 78px;"><div><iframe src="so_pliki/anchor.htm" title="widżet reCAPTCHA" scrolling="no" name="undefined" width="304" height="78" frameborder="0"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid #c1c1c1; margin: 10px 25px; padding: 0px; resize: none;  display: none; "></textarea></div></div>

而不是：

<div class="g-recaptcha" data-sitekey="6LdThiUUAAAAADHuhJfixVu5tZyeuOrXJKYcj4O4"></div>

我找了2小时。为了将来，请让你的代码清晰易读，因为阅读它非常困难。