如何防止移动浏览器微缩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。