2013-01-15 3 views
0

나는 웹 사이트 디자인과 관련하여 완전한 초보자이지만 학술회의를위한 웹 사이트를 디자인해야합니다. 나는 그 뒤에있는 코드를 이해할 수있는 기능적 사이트를 디자인하고 싶었다. 나는 그럭저럭 그렇게 할 수 있었다. 그러나 지금 스마트 폰 위에서 그것을 보는 것에 문제가있다. brick and mobile과 같은 온라인 시뮬레이터에서 웹 사이트를 검사했을 때 문제가없는 것 같습니다. 그러나 스마트 폰을 사용하는 동료가 그것을 보려고하면 주요 콘텐츠 영역이 스크롤되지 않습니다. 누구든지이 문제를 해결할 방법을 알고 있습니까? 웹 사이트의 URL은 다음과 같습니다스마트 폰에서 웹 사이트 스크롤

Conference Website

편집 : 문제는 안드로이드 폰에 나타납니다. 아주 작은 부분을 확대하면 괜찮습니다. 가로보기가 아닌 세로보기로 이동하면 괜찮습니다.하지만 안드로이드의 가로보기에서는 스크롤하지 않습니다.

+0

내 iPhone에서 페이지 내용이 스크롤됩니다. 그러나이 사이트는 모바일 장치에서보기에 적합하지 않습니다. 나는 장치를 감지하고 모바일 버전으로 리디렉션하거나 대안 적으로 반응 형 웹 디자인 기법을 사용하는 것을 고려할 것입니다. 이 모든 것이 시간과 노력을 필요로하지만! –

+1

내 iPhone에서도 잘 작동합니다. 다른 기기에서 인터페이스 문제를 일으킬 수있는 프레임을 사용하고있는 것 같습니다. 가능하면 프레임을 사용하지 않는 것이 좋습니다. – David

+0

빠른 응답을 보내 주셔서 감사합니다. 나는보기가 결코 최선이 아니라는 것을 알고 있습니다. 그러나 그것이 볼 수있는 한 나는 행복하다. (대부분의 사람들은 PC 나 맥에서 그것을 볼 것이다.) 문제는 안드로이드 폰에서 편집 된대로 나타난다 –

답변

1

당신은 모든 장치를 보장하는 최적의 폭에서 귀하의 사이트를 (이것은 대부분의 모바일 기기를 확대하는 데 사용자를 제거)보고, 헤더에 뷰포트 메타를 추가하려고 어린 아이 할 수 있습니다.

당신은 다음 기사에서 이것에 대한 좋은 정보를 찾을 수 있습니다 : http://www.html5rocks.com/en/mobile/mobifying/ 삼성 갤럭시 S2의 웹 사이트와 일부 줌 문제가 있습니다

. 이것은 주로 21 %로 설정된 메뉴와 관련이 있습니다.

또한 많은 요소의 높이를 100 %로 설정합니다. 당신도 그걸 들여다 볼 수 있습니다.

+0

조언을 주셔서 감사합니다. 웹 사이트의 모바일 버전이 사물을 더 단순하게 만들기위한 약간 다른 스타일. –

관련 문제