모바일 화면관련 질문 채택완료

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

모바일 세로화면에서 만든 홈페이지 이미지 및 글자가 모바일 가로화면으로 볼때 이미지 와 글자가 커지고

화면 가득차는데 세로화면에 나온 사이즈로 가로 화면에 나오게 할려면 어떻게 하는 방법이 있나요?

답변 2개

채택된 답변
+20 포인트

table 및 div 등의 width 크기 세로화면에 나온 사이즈 수치로 고정해야 합니다.

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

답변에 대한 댓글 2개

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;로 항상 중앙 유지 시키면 가능할듯 보입니다.

 

아니면 세로가 되었을때 해상도 잡아서 일일이 잡아주는 방법도 있을듯합니다.

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

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

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

로그인
🐛 버그신고