1

我正在尝试使用 CSS @media 标签为移动设备设置相应的 Web 应用程序样式。

我可以访问两个可以测试开发的移动设备:Nexus S 和旧的 iPod Touch,它们都有低分辨率屏幕。

声明我的元标题时,我选择了target-densitydpi=device-dpi以使事物看起来清晰而不会受到太多骚扰,否则屏幕上会出现奇怪的线条和事物(使用 android chrome 浏览器)。

现在,我担心在具有超高 DPI 的新设备高分辨率设备上,事情会显得非常微小。

我在这里搜索并阅读了各种查询,但我真的不明白我需要在这里做什么。

我可以将图像缩放 2 倍、3 倍、4 倍等,这没问题,但是我的一些块级元素(例如标题块)具有以像素为单位的确定高度,如果 Nexus S 的 800 到 480 像素屏幕显示在一种方式,我想知道例如具有 1280-720 显示屏的 Galaxy S 或 iPhone 4 和 5 会如何显示它们?

我需要如何声明我的标签以及如何解决这个可能的问题?

4

1 回答 1

1

移动浏览器没有设备的分辨率。有两种标准的移动宽度:320px 和 360px。

Google Nexus 和三星 Galaxy Note(和 Note 2)的宽度为 360 像素,而几乎所有其他设备的宽度均为 320 像素。

这意味着无论手机的屏幕分辨率是多少,浏览器的宽度都是 320 或 360 像素。

所以你应该专注于此。

你可以在这里阅读更多关于它的信息。

于 2013-02-15T15:51:57.683 回答