同一設備上同一網站上同一媒體查詢的不同分辨率？

Question

我在自己的網站上的某些網頁上的某些網頁上自動更改黑莓手冊7和黑莓Q10（720 x 720）上的分辨率時出現問題，屏幕截圖中解釋了這個問題（一點解釋：在網頁上與包括NIVO滑塊，一切不是在同一網站上的其他網頁）更小的屏幕截圖是採取BB Playbook平板

這對垂直顯示的媒體查詢：。

@media screen and (orientation: portrait) 

在BB Q10甚至陌生人事情就會發生，因爲當顯示帶Nivo滑塊的頁面時，設備會採用不同的媒體查詢方式，而不是它應該的。BB Q10是720 x 720像素屏幕可見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) 

我是不是做錯了什麼或者是它只是一個設備？

screenshot

website

Answer 1

在您的網站，它看起來像你錯過了在頭視窗meta標籤。

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

你可以在這裏找到一個很好的討論on the Mozilla Developer Network。在quirksmode也有一個相當詳盡的解釋。我猜測，缺失的標籤是什麼導致了差異。