moovix

Адаптивный размер ReCaptcha

Moovix » Блог » Адаптивный размер ReCaptcha

Стандартная ширина капчи от Google reCAPTCHA имеет ширину 302 пикселя.

Соответственно, если блок, в котором она находится имеет меньший размер, то его либо раздвинет, либо будет не видно часть капчи.

Лечится это очень простым JS кодом с библиотекой jQuery

				
					$(function() {
     var reCaptchaWidth = 302;
    var containerWidth = $('.container').width();
     if(reCaptchaWidth > containerWidth) {
        var reCaptchaScale = containerWidth / reCaptchaWidth;
        $('.g-recaptcha').css({
            'transform':'scale('+reCaptchaScale+')',
            'transform-origin':'left top'        
         });    
 });
				
			
Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Moovix » Блог » Адаптивный размер ReCaptcha

Есть вопрос? мы онлайн

Есть проект? Заполните бриф.

top