如何使谷歌验证码在宽度为100%时具有响应性

Question

我需要使谷歌验证码响应式，而不是仅使用缩放比例，需要使用宽度100％和其他方法来实现。我在搜索许多其他网站，但其中许多只使用了缩放比例。以下是图片示例：

- Ahsan Abrar

---

你能添加你的HTML和CSS吗？没有它们，很难帮助你。 - CodeF0x

不是因为我在使用 API，而是因为我要覆盖这个 CSS。谢谢。 - Ahsan Abrar

那么我认为这篇帖子可能会对您有所帮助：https://dev59.com/6V4c5IYBdhLWcg3wqLpe?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa - CodeF0x

Answer 1

Google Recaptcha存在的问题是它加载在一个IFrame中，导致样式无法应用。

- Domenik Reitzner

Answer 2

你可以这样做。

<div class="g-recaptcha" data-sitekey="xxxx" style="transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0;"></div>

或者

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

- Suraj Datheputhe

Answer 3

没有了解你的代码，我不能百分之百确定，但是可以尝试这样做：

css

#patherdivofgooglecaptcha * {width: 100%}

如果它能正常工作，但某些元素变得太大，请在需要的地方限制CSS，或者如果它是一个iframe，请尝试直接在容器上给出100%，而不是给子元素。

- User