2013-02-28 4 views
0

문제가 있습니다. http://www.nickpassaro.com/ClientSiteDev/New-NPD/에 반응 형 사이트를 만들었지 만 브라우저 창 크기를 조정할 때 데스크톱에서 완벽하게 작동하고 레이아웃을 올바르게 다시 정렬하는 동안 어떤 이유로 모바일 장치에서 제대로 작동하지 않습니다. iPhone에서 태블릿 사이트로 나를 보내고 Windows Phone 8에서 모바일 사이트를 보여 주지만 모든 것이 실제로 축소 된 것처럼 보입니다. 내 미디어 쿼리는 모바일 용 640px, 태블릿 용 960 미만, 데스크톱 용 960 미만으로 사용하도록 설정되었습니다. 누군가 내 사이트에서 뷰 소스를 조회하고 CSS 픽셀이 아닌 장치 픽셀을 사용하는 이유를 확인할 수 있습니까?미디어 쿼리가 작동하지만 올바르게 작동하지 않습니다.

감사합니다.

답변

0

제대로 작동하지 않는 이유는 뷰포트를 지정하지 않았기 때문입니다.

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

케이스의 기본 뷰포트가 될 수 있습니다

확인
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
+0

, 나는 그것을 확인해 보겠습니다. 지금까지이 사이트를 3 번 ​​재건했으며 필자가 반드시 가져야 할 뷰 포트 태그를 사용했는지는 기억하지 못합니다. 문제는 내가 작업 한 반응 형 사이트에서이 사이트의 헤더를 복사 한 것이므로 이전 헤더를이 새 사이트에 복사했을 때 메타 태그를 놓친 것입니다. –

+0

그것은 영광스럽게 일했습니다. 나는 그 메타 태그를 잊어 버렸다고 믿을 수 없다. lol –

+0

당신은 매우 환영합니다 :-) –

관련 문제