Mobile 在2009年末,480px的屏幕宽度是移动web应用程序的合理设计目标吗?

Mobile 在2009年末,480px的屏幕宽度是移动web应用程序的合理设计目标吗?,mobile,smartphone,Mobile,Smartphone,我正在开发一个面向现代浏览器或最新智能手机的web应用程序。当我看到不同的分辨率时,我看到了很多。例如: 480x320用于iPhone和 黑莓黑体9000。这似乎是 一种称为半VGA的标准 ,具有3:2的相位 比率和VGA的一半像素。 黑莓手机使用480x360 曲线8900,黑莓黑体9700 黑莓风暴9550。 它的纵横比为4:3。 摩托罗拉使用480x854 机器人。这似乎是其中一个原因 广泛使用的决议 . 它的纵横比为16:9。 这告诉我,2009年末流行的智能手机在一个屏幕尺寸上汇聚

我正在开发一个面向现代浏览器或最新智能手机的web应用程序。当我看到不同的分辨率时,我看到了很多。例如:

480x320用于iPhone和 黑莓黑体9000。这似乎是 一种称为半VGA的标准 ,具有3:2的相位 比率和VGA的一半像素。 黑莓手机使用480x360 曲线8900,黑莓黑体9700 黑莓风暴9550。 它的纵横比为4:3。 摩托罗拉使用480x854 机器人。这似乎是其中一个原因 广泛使用的决议 . 它的纵横比为16:9。 这告诉我,2009年末流行的智能手机在一个屏幕尺寸上汇聚在480px上,并试图匹配标准的纵横比


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

这不是不合理的。我看到的主要问题是,480px是仅在横向方向上的宽度,而不是在有时默认的纵向方向上。我知道现在轮换手机没什么大不了的,但这是一件需要考虑的事情。

这不是不合理的。我看到的主要问题是,480px是仅在横向方向上的宽度,而不是在有时默认的纵向方向上。我知道现在轮换手机没什么大不了的,但这是需要考虑的。240x320是手机的新基准。对于高端设备,480是正确的宽度目标。

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

现代智能手机使用的浏览器通常支持viewport meta标记

视口标记缩放浏览器窗口以适应内容。这意味着你可以放大小屏幕,也就是放大或缩小近桌面分辨率的最新平板电脑

看起来是这样的:

<meta name="viewport" content="width=320px" />
这将放大或缩小以适应设备的视口

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


出于这个原因,我建议使用更高的页面分辨率,我的目标通常是800像素左右,低分辨率设备可以缩小,而不是高分辨率设备可以放大。

现代智能手机使用的浏览器通常支持viewport meta标签

视口标记缩放浏览器窗口以适应内容。这意味着你可以放大小屏幕,也就是放大或缩小近桌面分辨率的最新平板电脑

看起来是这样的:

<meta name="viewport" content="width=320px" />
这将放大或缩小以适应设备的视口

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

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