2014-05-14 3 views
0

내 웹 사이트의 반응 형 디자인을 작업하고 있으며 더 친숙한 모바일 버전으로 이동하고자합니다. 내 넥서스 7에 대한 미디어 쿼리를 추가하면 페이지로 이동하자 마자 작동하지 않지만 아래로 스크롤하여 다시 작동하면 작동합니다! 또한 방향을 바꾸면 (세로에서 가로로) 효과가 있습니다! 그러나 사이트의 새 페이지로 이동하면 동일한 생각을 할 것입니다.Nexus 7 및 미디어 쿼리가 올바르게 작동하지 않습니다.

응답하지 않는 메뉴에서 메뉴를 탐색하려고 할 때 웹 주소 끝에 "#"도 추가됩니다.

누구든지 직접 시도하려는 경우 웹 사이트는 "www.tripspotr.com"입니다.

도움 주셔서 감사합니다.

+0

'view-scale = 1 '을'viewport' 메타 태그에 추가 했습니까? 그래서 그것은 다음과 같습니다 :'' – Jack

+0

Nexus에서 어떤 브라우저를 사용하고 있습니까? Android 브라우저 또는 Android 용 Chrome과 같은 것? – Qix

+0

나는 크롬을 사용하고있다 – jsmith588

답변

0

Nexus7 탭을 타겟팅하기 위해 다음 코드가 효과적이었습니다.

/** Google Nexus7 (Landscape)**/ 
@media screen and (min-device-width : 601px) and (max-device-width :970px) {} 

html에 메타 태그를 추가하는 것을 잊지 마십시오. 예 :

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