محمود
7 سال پیش توسط محمود مطرح شد
2 پاسخ

ریسپانسیو کردن recaptcha

با سلام.
دوستان ریکپچای گوگل رو چطوری میشه ریسپانسیو کرد؟
در صفحه نمایش های کوچک از حالت ریسپانسیو خارج میشه!


ثبت پرسش جدید
محمود
@gt.libertine 7 سال پیش آپدیت شد
0

با تشکر از جناب موسوی عزیز..
کدهای Js برای من به درستی کار نمی کنه.
با یک سری تغییرات به شکل زیر درستش کردم یه کم بهتر شد.

<style>
@media only screen and (max-width: 400px) {
    #rc-imageselect, .g-recaptcha { 
         transform:scale(0.70);
          -webkit-transform:scale(0.70);
          transform-origin:right top;
           -webkit-transform-origin:right top;

         }
}
</style>

html

<div class="form-group d-flex flex-column justify-content-start">
    <label>تصویر امنیتی</label>   
     <div class="g-recaptcha" data-sitekey="6Le6lTEAAAAAAAfALPRaglKySJYgSqAXmydOAp1k"></div>
  </div>

حسام موسوی
تخصص : طراح و برنامه نویس
@hesammousavi 7 سال پیش مطرح شد
3

این codepen رو مشاهده کنید
https://codepen.io/anon/pen/erGbLr


محمود
@gt.libertine 7 سال پیش آپدیت شد
0

با تشکر از جناب موسوی عزیز..
کدهای Js برای من به درستی کار نمی کنه.
با یک سری تغییرات به شکل زیر درستش کردم یه کم بهتر شد.

<style>
@media only screen and (max-width: 400px) {
    #rc-imageselect, .g-recaptcha { 
         transform:scale(0.70);
          -webkit-transform:scale(0.70);
          transform-origin:right top;
           -webkit-transform-origin:right top;

         }
}
</style>

html

<div class="form-group d-flex flex-column justify-content-start">
    <label>تصویر امنیتی</label>   
     <div class="g-recaptcha" data-sitekey="6Le6lTEAAAAAAAfALPRaglKySJYgSqAXmydOAp1k"></div>
  </div>

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام