手機和平板電腦的分辨率太高媒體查詢

Question

我可能是完全沒譜，但這裏有雲：

我想測試我的網站有各種現代化的手機和平板電腦......而結果是，我的媒體查詢從未生效，因爲這些手機/平板電腦的分辨率太高。

像我想爲手機顯示的@media (max-width: 767px) { }這樣的東西從未因爲這個分辨率問題而生效。有關如何解決這個問題的任何想法？這不是一個不常見的問題，所以我覺得我忽略了一些東西。

Answer 1

正確配置時，「視網膜」屏幕在渲染網頁時會考慮增加的分辨率。我想看看Bootstrap，純粹是作爲如何設置頁面以充分響應的示例。

你會發現，一旦你有這個設置，它將工作，不管設備的實際物理分辨率。例如，第一款擁有視網膜屏幕的iPhone（可能是iPhone 4）的寬度爲320像素，無論它的分辨率遠高於此。