답변 2개 / 댓글 2개
채택된 답변
+20 포인트
반응형으로 만들고 계신게 아니라면
Copy
<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가 아닌 %로 주셔서 작업을 하셔야 회전을 하였을 경우 전체사이즈로 보이게 됩니다.
답변을 작성하려면 로그인이 필요합니다.
정말정말 감사합니다..!! (--)(_)