1

我一直在做一些关于创建移动 Web 应用程序的研究，我已经进入了设计阶段，作为一些研究，我编制了当前一代智能手机的屏幕尺寸和分辨率的列表。

所以我们都知道市面上有大量的手机有不同的屏幕尺寸，但是在设计我的移动 Web 应用程序（或两者）时，我应该查看物理屏幕尺寸还是分辨率？

干杯，IW

4

3 回答 3

0

当然，布局 UI 组件非常重要。为更大屏幕设计的应用程序最终可能会显示太小的字体/控制元素等，如果您只是盲目地将其缩小以适应更小的显示区域，则可能无法舒适地使用。

于 2011-03-02T12:04:00.267 回答
0

不知道下面是否会有所帮助，但这就是我所做的；

我不使用图像作为 ui 元素，而是 css 和 html 元素我没有以像素为单位定义字体大小，而是以中、小、大等为单位调整横幅或图像的大小我主要使用http://deviceatlas.com或http:/ /wurfl.sourceforge.net。如果我不介意，我只需创建不超过 240 像素的图像

您还可以查看 jQuery Mobile 等框架

于 2011-03-02T14:59:11.037 回答
0

在设计移动网站时，物理屏幕尺寸和分辨率都很重要。

屏幕尺寸很重要，因为它将定义可以在网站上放置多少内容，并定义您的点击区域可以有多大（对于触摸输入设备至关重要）。

分辨率将决定您在页面上可以拥有的详细信息量，这会影响图形等内容。

关于如何使您的网站在各种设备上运行良好的一些建议：

  • 调整图形大小以适合请求您的站点的每个设备。这将确保演示文稿在大多数设备上保持一致。
  • 支持页面上元素的灵活尺寸 - 使用百分比而不是固定尺寸，并以相对尺寸指定文本大小。
于 2011-03-02T20:51:32.360 回答