2013-10-09 2 views
0

안드로이드 기기에 내 개인 웹 사이트를 표시 할 때 내 웹 사이트가 엉망입니다.안드로이드에만 모든 웹 사이트 레이아웃이 엉망입니다

나는 Windows와 Mac OS X의 모든 주요 브라우저에서 내 사이트를 테스트 한 - IE10 에 IE7 - 크롬 - 파이어 폭스 - 오페라 -

그리고 그들은 모두 제대로 내 웹 사이트를 표시 사파리

. 일부 Apple 장치에서도 테스트를 거쳤으며 올바르게 표시됩니다.

하지만 Nexus 4와 Nexus 7을 사용해 보았는데 레이아웃이 엉망입니다. 페이지가 모두 축소되어 메뉴가 뷰포트 외부에있는 것처럼 보입니다.

저는 여기에서 길을 잃어 버렸고 도움을 주셨습니다.

http://www.narcissusphoto.com/

+0

사진을 찍으면 꽤 괜찮은 사람입니다. 너는 무엇으로 쏘지? 또한 코드를 게시하거나 jsfiddle을 보내주십시오. – Jacques

+0

안녕하세요, 사진을 찍었습니다. Nikon D600과 2 개의 소수로 촬영합니다. 85mm 및 50mm 1.8g – SiriusNik

답변

1

모바일 장치 용 웹 사이트를 찾으려면 CSS에 미디어 쿼리를 추가해야합니다. 아래 링크를 참조하십시오. 따라서 CSS를 변경해야합니다.

+0

이것은 이것이 작동하도록하는 가장 좋은 방법 인 것 같습니다. 메타 뷰포트 태그를 추가하고 완벽하게 가깝게 만들었습니다. 감사 – SiriusNik

0

는 body 요소에 고정 된 배경을 제거하십시오.

관련 문제