آفلاین
user-avatar

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

2 سال پیش
توسط محمود آپدیت شد
آفلاین
user-avatar
محمود ( 654 تجربه )
2 سال پیش

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

بهترین پاسخ انتخاب شده توسط محمود
آفلاین
user-avatar
محمود
2 سال پیش

با تشکر از جناب موسوی عزیز..
کدهای 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>
آفلاین
user-avatar
حسام موسوی ( 382959 تجربه )
2 سال پیش
تخصص : طراح و برنامه نویس

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

آفلاین
user-avatar
محمود ( 654 تجربه )
2 سال پیش

با تشکر از جناب موسوی عزیز..
کدهای 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>
برای ارسال پاسخ باید وارد سایت شوید