如何防止移動瀏覽器微縮HTML塊級元素？

Question

我試圖讓我的網絡應用程序相應地爲使用CSS @media標記的移動設備設計風格。

我可以訪問兩個可以測試開發的移動設備：Nexus S和舊的iPod Touch，兩者都具有低分辨率屏幕。

聲明我的頭元，我選擇了目標densitydpi =設備DPI事情出現而不被調戲很多薯片，另有蹊蹺線和東西出現在屏幕上（與Android Chrome瀏覽器）。

現在我很擔心，雖然在具有超高DPI的新設備高分辨率設備上，事情會顯得極其微小。

我有搜索和閱讀這裏的各種查詢，但我真的不明白我需要在這裏做什麼。

我可以縮放圖像2x，3x，4x等，這是沒有問題的，但是我的一些塊級元素（如標題塊）具有以像素表示的確定高度，如果Nexus S具有800到480像素屏幕以某種方式顯示事物，我想知道例如Galaxy S與1280-720顯示屏或iPhone 4和5會顯示它們嗎？

我該如何聲明我的標籤，以及如何解決這個可能的問題？

Answer 1

移動瀏覽器沒有設備的分辨率。有兩種標準的移動寬度：320px和360px。

谷歌Nexus和三星Galaxy Note（和Note 2）的寬度爲360px，而幾乎所有其他設備的寬度爲320px。

這意味着無論手機的屏幕分辨率如何，瀏覽器的寬度將爲320或360像素。

所以你應該專注於此。

您可以閱讀更多關於它here。