모바일 화면관련 질문
본문
<meta name="viewport" content="width=320,user-scale=yes,user-scalable=no,target-densitydpi=medium-dpi" />
모바일 세로화면에서 만든 홈페이지 이미지 및 글자가 모바일 가로화면으로 볼때 이미지 와 글자가 커지고
화면 가득차는데 세로화면에 나온 사이즈로 가로 화면에 나오게 할려면 어떻게 하는 방법이 있나요?
답변 2
table 및 div 등의 width 크기 세로화면에 나온 사이즈 수치로 고정해야 합니다.
table width="320" td width="320"으로 고정이 되있는데도 가로로 이미지 와 글씨가 커지는것인데 혹시 윗 소스에 meta혹은 content에 수정 부분은 없나요?
아래와 같이 기본,최소,최대 값을 원하는 값으로 모두 고정해보세요.
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0">
저의 개인적인 답변입니다. 도움이 되실지는 모르겠으나 안되신다면 죄송할따름입니다.
모바일 width: 320 으로 고정후 margin: 0 auto;로 항상 중앙 유지 시키면 가능할듯 보입니다.
아니면 세로가 되었을때 해상도 잡아서 일일이 잡아주는 방법도 있을듯합니다.
답변을 작성하시기 전에 로그인 해주세요.
