1

我正在开发一个针对现代浏览器或最新智能手机的 Web 应用程序。当我查看不同的分辨率时，我看到很多 480。例如：

  • iPhone 和 Blackberry Bold 9000 使用 480x320。这似乎是一种称为 Half VGA ( HVGA ) 的标准，其纵横比为 3:2，像素为 VGA 的一半。
  • Blackberry Curve 8900、Blackberry Bold 9700 和 Blackberry Storm 9550 使用 480x360。它具有 4:3 的纵横比。
  • 摩托罗拉 Droid 使用 480x854。这似乎是归因于 Wide VGA ( WVGA ) 的分辨率之一。它具有 16:9 的纵横比。

这告诉我，2009 年末流行的智能手机在其中一个屏幕尺寸上收敛到 480 像素，并试图匹配标准纵横比。

问题是在我的设计中使用 480px 作为目标宽度有多合理。这个设计有什么主要的缺点吗？

4

3 回答 3

4

现代智能手机使用（通常）支持视口元标记的浏览器。

视口标签缩放浏览器窗口以适应内容。这意味着您可以放大小屏幕（即拉伸）或缩小具有接近桌面分辨率的最新平板电脑。

它看起来像这样：

<meta name="viewport" content="width=320px" />

这将放大或缩小以适合您设备的视口。

真正的限制是像素化——如果你有一台分辨率为 800x1280 的 Acer CloudMobile 或三星 Note，你将在纵向视图中将图像拉伸 3 倍于它们的常规比例。（因为文本是矢量，所以拉伸时看起来会很好。）

出于这个原因，我建议使用更高的页面分辨率（我通常以800 像素左右为目标）并针对低分辨率设备进行缩小，而不是针对高分辨率设备进行放大。

于 2012-09-05T05:04:07.413 回答
3

这不是没有道理的。我看到的主要问题是 480px 仅是横向的宽度，而不是（有时是默认的）纵向宽度。我知道现在旋转手机并不是什么大不了的事，但这是需要考虑的事情。

于 2009-11-04T03:57:08.100 回答
0

240x320 是手机的新基准。对于高端单位，480 将是正确的目标宽度。

于 2009-11-04T03:59:42.463 回答