480px屏幕宽度是2009年底移动Web应用程序的合法设计目标吗?

这不是不合理的。我看到的主要问题是480px只是横向的宽度,而不是(有时默认的)纵向的宽度。我知道现在转动手机没什么大不了的,但这是需要考虑的事情。

现代智能手机使用的浏览器(通常)支持视区元标签。

视区标记缩放浏览器窗口以适应内容。这意味着你可以扩大到小屏幕(即伸展)或缩小到最新的平板电脑,具有接近桌面的分辨率。

看起来是这样的:

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

它将放大或缩小以适应设备的视区。

真正的限制是像素化——如果你有一台Acer CloudMobile或一张分辨率为800x1280的三星便条,你将在纵向视图中拉伸图像的比例是正常比例的3倍。(因为文本是矢量,拉伸时看起来很好。)

因此,我建议使用更高的页面分辨率(我通常瞄准 800像素 )低分辨率设备的比例缩小,而不是高分辨率设备的比例增大。

240x320是移动电话的新基线。对于高端设备,480是要瞄准的正确宽度。