모바일 관련하여 질문 드립니다.
유린
안녕하세요..
현재 모바일 쪽 퍼블리싱 작업을 혼자 맡아서 하고 있는데요
다름이 아니오라,
작업을 하면서 계속 궁금한 점이 있었는데, 초보라 답이 떠오르지 않아서..이렇게 질문을 드립니다.
네이버나 기타 타 사이트 모바일 페이지에서 보면 화면 확대가 안되던데요,
네이버소스를 보니
meta content=initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; name=viewport/
이런 코드를 넣어 멀티터치로 유저가 화면을 확대하는 것을 막고 있던데요.
그 이유가 무엇일까요?
유저의 편의성을 강제로 막는 행위지만 당연한 이유가 있을 것 같아서
초보인지라 저도 저런 식으로 처리를 해 놓았긴 했는데,
이유라도 알고 써야 할 것 같아서요...
이유가 무엇인지 혹시 아시는 분 계시면, 답변을 좀 부탁 드립니다.
감사합니다.
-
슬기
모바일 웹페이지에서 최적화된 웹사이트처럼 보이게 할 려고 하는 것이고 meta 태그는 사용자의 마음 대로 입니다.
예로 들면
아이폰 viewport 값
meta name=\viewport\ content=\width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;\/
아이폰 vieport 100% 기준으로 개발 할때입니다.
물론 제 생각이 그렇다는거지 정답은 아닙니다 늅늅 ㅠ -
횃대비
옷~ 감사합니다~+_+ 좋은 정보욤~ㅎ
-
트레이
아...그렇군요..덕분에 자세히 알게 되었네요.. 답변 정말 감사 드립니다~
-
도널드
추가적인걸 적어드리자면 initial-scale 은 처음 페이지 로딩되었을때의 화면 비율을 지정하는겁니다. 1.0 이면 100%의 화면 스케일로 보일것이고요 이숫자를 조절해서 화면확대 축소 비율을 지정하는거고요.
width=device-width 는 가로(landscape),세로(portrait)모드에 상관없이 100%의 꽉찬 화면을 보여주게끔 하는것이고 만약 세로모드에서 컨텐츠의 width가 320을 넘는다면 width= 에 작업된 값을 넣어서 해주 -
앨버트
^^ 네..답변 감사합니다~~