2014-11-07 2 views
-3

모바일에서 미디어 쿼리를 사용하여 동일한 방식으로 여러 사이트를 최적화했습니다. 대부분 휴대 전화에서 정상적으로 작동하지만 두 사람은 항상 screen을 감지합니다. 실제 장치가 얼마나 작은 지. 제대로 작동웹 사이트에서 브라우저가 "잘못된"화면 너비를 찾게합니다.

: www.accountex.co.uk, www.legalex.co.uk, www.takeawayexpo.co.uk, www.streetfoodlive.co.uk

만에 잘못된 화면 크기 만 검출 휴대 기기 :

www.greatbritishbusinessshow.co.uk, www.bstartup.com 사용 된 방법과 거의 동일하다하더라도

. 위의 두 개는 모든 온라인 모바일 시뮬레이터에서 올바르게 표시되지만 장치가 320x480이거나 매우 작은 경우에도 실제 모바일 장치에로드 할 때 화면 너비는 800px로 미디어 쿼리를 사용합니다.

console.log를 사용하거나 경보를 울리는이 두 사이트는 항상 경고 (screen.width)가 호출 될 때 800px를 반환합니다. 이는 작은 장치에서 어떻게 발생할 수 있는지 전혀 모릅니다!

도움 주셔서 감사합니다. 당신이 검출 작업을 수행하는 코드를 표시하지 않는 경우

+1

, 우리는 당신을 도울 수 있습니다. 아마 당신의 목표는 사람들로 하여금 수많은 사이트를 방문하게하는 것이 아니라, 더 많은 정보와 훨씬 적은 수의 (읽기 : 제로) 링크가 없으면이 질문은 명확하지 않고 답할 수 없습니다. –

+0

당신이 그것에있는 동안 에뮬레이터 나 네이티브 장치를 사용하고 있는지 지정하고 가격표를 붙이십시오. (농담) –

답변

2

사용이 메타 태그

<meta name="viewport" content="width=device-width, initial-scale=1"> 
+1

실행하지 않는 코드 조각을 코드로 사용하지 마십시오. (편집 참조). –

관련 문제