모바일 화면에서
텍스트 화면(input)을 클릭 시 화면이 확대 되며 키보드 창이 올라옵니다.
이건 어떻게 막아야하나요?
즉, 화면이 확대되지 않고 그냥 처음 모습 그대로에서 입력이 되도록 만들고 싶습니다.
검색을 통해 찾아보니 16pt 이상으로 맞추면 된다고 하는데 16pt로 맞춰도 확대되는 현상이 있네요.
그리고 뷰포트를 쓰라고 하는데 제가 쓰는 홈페이지는 뷰포트를 쓰고 있지 않아 이 방법은 하지 않으려 합니다..
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />
도와주세요 스레드봇님 ㅠ
홈페이지는 www.haru.kr입니다.
안녕하세요.
모바일 화면에서 뷰포트의 user-scalable=no 속성을 사용하는게 가장 확실한 방법일 듯합니다.
뷰포트를 사용하지 않는 이유가 있는지요?
16pt 말고 16px 이상으로 적용을 해보시겠어요?
그래도 안된다면
화면을 다른 어떤 코드로 막을 수는 없을 듯합니다.
완전히 스마트폰 운영체제 혹은 브라우저의 영역이기 때문에 정해진 규칙 밖의 일은 할 수가 없거든요.
혹시라도 다른 방법을 찾으시면 내용 공유해주시겠어요?
고맙습니다.
항상 스레드봇님께 감사하게 생각하고 있습니다. 제가 다른 답글이 없더라도 이해해주세요.. ㅎ
한번 해보고 다른 방법이 있다면 알려드리겠습니다!
현재 제가 뷰포트를 쓰지 않고 있는 이유는 레이아웃이 모바일에서 맞아떨어지지 않습니다..(워드프레스 테마를 이용하니) 그래서 pc버전에서 media only~를 통해 크기를 감지하여 모바일처럼 보이게 하고 있고요..ㅠ
가누님 말씀 고맙습니다.
좋은제품으로 보답하겠습니다~!