테스트 사이트 - 개발 중인 베타 버전입니다

모바일 홈페이지 사이즈 조절 어떻게 해야되나요.. 채택완료

우엉우어엉 8년 전 조회 3,399

구글링해서 이렇게 하면된다고 해서 넣었는데도, 자동 조절이 안되네요..

고수님들 도움좀 부탁드립니다

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
8년 전

반응형으로 만들고 계신게 아니라면

<meta name="viewport" content="width=960,user-scale=yes,user-scalable=no,target-densitydpi=medium-dpi" />

로 사용하시면 편합니다.

저 width는 모바일 전체 폭을 정해두고 시작하는거라 편하게 사용하실 수 있으세요.

use-scalable은 input 같은걸 클릭했을 때 자동확대가 방지되는 태그입니다.user-scalable=yes로 변경하시면 자동확대가 됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

우엉우어엉
8년 전
해결되었네요~
정말정말 감사합니다..!! (--)(_)

댓글을 작성하려면 로그인이 필요합니다.

엔즈냥
8년 전

width=device-width​ 이 부분은 width(넓이)=device-width(디바이스의 넓이), 즉 넓이는 디바이스넓이에 따라 설정하게 된다는 말입니다.

initial-scale=1.0​ 이 부분은 initial-scale(처음스케일)=1.0, 즉 처음로드될때는 초기에 1의 값으로 로드하세요 라는 말입니다.

자동 조절이 어떤 형식을 말하시는지는 모르겠으나

가로에서 세로로 돌렸을때 전체에 보여지기 위해서는 width 사이즈를 px가 아닌 %로 주셔서 작업을 하셔야 회전을 하였을 경우 전체사이즈로 보이게 됩니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

우엉우어엉
8년 전
제가 모바일홈페이지를 처음 만들어봐서 pc판 만들듯이 만들고 있는데
처음 들어갈때 화면이 너무 커서 짤리게 나오고 있어요..

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인