모바일 홈페이지 사이즈 조절 어떻게 해야되나요..
본문
<meta name="viewport" content="width=device-width, initial-scale=1.0, minium-scale=1.0, maxium-scale=1.0">
구글링해서 이렇게 하면된다고 해서 넣었는데도, 자동 조절이 안되네요..
고수님들 도움좀 부탁드립니다
답변 2
반응형으로 만들고 계신게 아니라면
<meta name="viewport" content="width=960,user-scale=yes,user-scalable=no,target-densitydpi=medium-dpi" /> 로 사용하시면 편합니다.
저 width는 모바일 전체 폭을 정해두고 시작하는거라 편하게 사용하실 수 있으세요.
use-scalable은 input 같은걸 클릭했을 때 자동확대가 방지되는 태그입니다.user-scalable=yes로 변경하시면 자동확대가 됩니다
해결되었네요~
정말정말 감사합니다..!! (--)(_)
<meta name="viewport" content="width=device-width, initial-scale=1.0, minium-scale=1.0, maxium-scale=1.0">
width=device-width 이 부분은 width(넓이)=device-width(디바이스의 넓이), 즉 넓이는 디바이스넓이에 따라 설정하게 된다는 말입니다.
initial-scale=1.0 이 부분은 initial-scale(처음스케일)=1.0, 즉 처음로드될때는 초기에 1의 값으로 로드하세요 라는 말입니다.
자동 조절이 어떤 형식을 말하시는지는 모르겠으나
가로에서 세로로 돌렸을때 전체에 보여지기 위해서는 width 사이즈를 px가 아닌 %로 주셔서 작업을 하셔야 회전을 하였을 경우 전체사이즈로 보이게 됩니다.
제가 모바일홈페이지를 처음 만들어봐서 pc판 만들듯이 만들고 있는데
처음 들어갈때 화면이 너무 커서 짤리게 나오고 있어요..
