반응형 일때 캡챠 부분 문의
본문
안녕하세요~
반응형으로 스킨을 제작중에 있습니다.
캡챠 부분에서 막혀서 이렇게 문의 드립니다.
기본일때
해상도 480px 일때 (핸드폰)
위와 같이 표시가 됩니다.
여기서 질문 드립니다.
반응형 해상도 480px 일때도 기본형태인 캡챠로 출력되게 하려면 어떻게 해야 할까요?
write.skin.php
<?php if ($is_use_captcha) { //자동등록방지 ?>
<tr>
<th>자동등록방지</th>
<td>
<?php echo $captcha_html ?>
</td>
</tr>
<?php } ?>
css 부분
@media (max-width:480px){
.btn_type01{width:120px}
#wm_bo_list .list_top a{position:relative;left:0;margin-bottom:5px}
#wm_bo_list{padding:20px 0}
#wm_bo_sch{float:none;width:100%}
#wm_bo_sch input[type=text]{width:calc(100% - 115px)}
#wm_bo_w{padding:0}
#wm_write_tbl .cate_wrap{width:100%}
#wm_write_tbl .wm_input{width:100%;padding-left:10px}
#wm_write_tbl .wm_select{width:100%}
#wm_write_tbl .zip_input{width:calc(100% - 130px)}
#wm_write_tbl .frm_address{width:100%}
#wm_write_tbl .ps{font-size:13px}
#wm_write_tbl .agr_area p{display:block}
#wm_bo_v{padding:0}
#wm_bo_v .v_page li{padding:15px 10px}
#wm_bo_v .v_page li i{padding:0 20px 0 10px}
#wm_bo_v .btn_area{padding:0 10px}
#wm_bo_v .btn_area ul li a{width:50px;height:35px;line-height:35px;font-size:13px}
#wm_bo_v .btn_area ul li a.w_btn{width:80px}
}
고수님들의 조언 부탁드립니다.
비가 많이 오네요 비 피해에 잘 대비하시고 오늘도 좋은 하루 되세요^^
!-->!-->
답변 3
/plugin/kcaptcha/kcaptcha.lib.php line (244,245), 252, 256 if(is_mobile())로 시작하는 맨 앞에 //로 차단하세요.
다음 형태의 스타일이 도움이 될지 모르겠습니다.
@media (max-width: 480px) {
#captcha { display: flex; flex-wrap: wrap; gap: 0.4em; align-items: center; }
#captcha_audio { width: 1em; }
#captcha_img { width: 6em; }
#captcha_key { width: 6em; }
/* #captcha_reload { ... } */
/* #captcha_info { ... } */
}
그럼 숫자들이 안보일수도 있을텐데요...
답변을 작성하시기 전에 로그인 해주세요.