같은 장치의 동일한 웹 사이트에서 동일한 미디어 쿼리에 대한 해상도가 다릅니 까?

Question

현재 작업하고있는 웹 사이트의 일부 페이지에서 Blackberry Playbook 7 및 Blackberry Q10 (720 x 720)의 해상도를 자동으로 변경하는 데 문제가 있습니다.이 문제는 스크린 샷에 설명되어 있습니다. NIVO 슬라이더를 포함하여, 모든 동일한 웹 사이트의 다른 페이지)에보다 작은 스크린 BB PlayBook 태블릿에 촬영 세로로 표시된 미디어 쿼리

:.. BB Q10 심지어 낯선 사람에

@media screen and (orientation: portrait) 

Nivo 슬라이더가있는 페이지를 표시 할 때 장치가 다른 미디어 쿼리를 사용하기 때문에 문제가 발생합니다 .BB Q10은 720 x 720px 화면 해상도입니다. 의 ution, 그것은 미디어 쿼리 가야 있도록 :

@media screen and (min-width: 530px) and (max-width: 860px) and (orientation: landscape) 

하지만 NIVO 슬라이더가있는 페이지는 사실에있다가 미디어 쿼리와 함께 표시되는 :

@media screen and (min-width: 861px) and (max-width: 1120px) and (orientation: landscape) 

것은 내가 뭔가 잘못하고 있는가 아니면 그냥하는 장치이다 ? 당신이 머리에 뷰포트 메타 태그를 놓치고 같은 사이트에서

website

Answer 1

screenshot

, 그것은 보인다.

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

on the Mozilla Developer Network에 대한 좋은 토론을 찾을 수 있습니다. quirksmode에도 상당히 철저한 설명이 있습니다. 누락 된 태그가 그 차이를 유발하는 것 같아요.