모바일에서 댓글 입력시 확대 안되게 설정..
본문
SIR 같은경우에는 모바일에서 댓글입력시에 확대가안되는데
제 사이트에서는 댓글 입력시에 확대가됩니다..
어떻게하면 확대가안될까요?
답변 1
@media screen and (-webkit-min-device-pixel-ratio:0) {
select,
textarea,
input {
font-size: 16px;
}
}
아이폰이신가봐요 ^^ 16px이 아니면 기기에서 확대하는거말하신거죵
$("input[type=text], textarea").on({ 'touchstart' : function() {
zoomDisable();
}});
$("input[type=text], textarea").on({ 'touchend' : function() {
setTimeout(zoomEnable, 500);
}});
function zoomDisable(){
$('head meta[name=viewport]').remove();
$('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />');
}
function zoomEnable(){
$('head meta[name=viewport]').remove();
$('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1" />');
}
감사합니다!
16px 는 어떤걸 말씀하시는건가요?ㅜ
그리고 이 코드를 어디에 적용해야 할까요 ㅠㅠ..
답변을 작성하시기 전에 로그인 해주세요.