모바일홈페이지에서 아이폰과 안드로이드폰이 다르게 보입니다.
본문
모바일홈페이지를 제작했는데요.
아이폰에서는 제대로 보이는데...안드로이드폰에서 화면이 크게 보입니다.
640px로 작업했는데요..
안드로이드폰에서 제대로 보이게 하는 법이 있나요?
답변 5
소스를 보니..
| <head> | |
| <meta name="Author" content="g4m.kr"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" > | |
| <meta http-equiv="content-type" content="text/html; charset=euc-kr"> | |
| ... | |
| </head> | |
| <body> | |
| <meta name="Author" content="g4m.kr"> | |
| <meta name="viewport" content="width=640px, user-scalable=1" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=yes" /> |
이렇게 meta name="viewport" 의 content="width= 가 세군데나 있네요..
최상단에서는 브라우저가 사이즈를 자동으로 잡도록 해 놨고..
두번째에서는 width=640px, 로 사이즈가 잡혀있고,
다시 세번째에서는 브라우저가 사이즈를 자동으로 잡도록 되어 있습니다.
일단 해당 부분을 하나로 정리하시고, 화면을 확인 해 본 후에
css 내용에 사이즈를 잘못 잡은 곳은 없는지 확인 해 보시는게 좋을 것 같네요..
감사합니다. ㅜㅜ 해결됬어요~ㅜㅜ
해결되었다니 다행이네요~^^
안드로이드는 px단위는 브라우저마다 다르게 적용되요
참조하셔서 dip 으로 변환하셔요
어떻게 변환하는 건지요? ㅠㅠ
제가 말씀드린건 앱..
많은 도움이 되었습니다. 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.