如何调整Google RECAPTCHA的大小

时间:2014-02-20 19:26:27

标签: c# asp.net css webforms recaptcha

我如何调整recaptcha容器的大小,我的意思是我想保持一切规模,只是希望整个容器更小以适应移动视图。

现在的原始尺寸:

enter image description here

在移动视图中看起来并不好看:

enter image description here

不想使用任何一种自定义主题或东西,只想让整个容器更小,说70%,任何想法怎么做?

2 个答案:

答案 0 :(得分:5)

您是否尝试过css zoom属性?

zoom:.7;

它并不是随处可见,但如果您使用的是响应式设计,只会在较小的屏幕(移动浏览器)上进行,那么这些设备通常都会知道该如何处理。

答案 1 :(得分:3)

使用reCAPTCHA 2.0版,有一些新的规则可以显示窗口小部件和Google添加的标记属性,这些属性会改变它的呈现方式。

标签数据大小可以采用"普通"的值,这是默认值," compact",适合移动设备屏幕。

new compact reCAPTCHA v2.0

它不是最好看的小部件,但它比其他解决方案更少适合工作。

有关更多属性,请查看Google's reCAPTCHA v2.0 documentation