2013-09-28 3 views
1

휴대 기기 용 웹 사이트부터 시작하기로했습니다. 웹 사이트를 휴대 기기에서 어떻게 보이는지 확인하려면 http://mobiletest.me을 사용하고 있습니다. 실제로 휴대 기기를 사용하지 않고 확인하고 있습니다. 그러나, 마침내 80 %의 일을하고 내 전화를 확인하고 싶을 때 더 큰 웹 사이트가 아닌 일반 웹 사이트 인 100% width에 사이트를 표시합니다.휴대 기기 용 웹 사이트 조정

제대로 표시하려면 프로젝트에 무엇이 누락 되었습니까? 내 안에 다른 모든 divs 보유하고 메인 container 있습니다. 어쩌면 이것이 문제일지도 모릅니다.

div#mobile-container { 
    position: relative; 
    width: 100%; 
    overflow: hidden; 
} 

답변

0

뷰포트를 설정하는 의미 디바이스 크기에 의해 가정 :

<meta name="viewport" content="width=device-width"> 

head 태그에 이것을 추가하고 그것은 당신에게 정상적인 웹 사이트 크기를 제공하지 않습니다.

또한
0

것은 추가하는 해가 될 수 없습니다

<meta name="HandheldFriendly" content="True" /> 
관련 문제