【发布时间】：2011-03-02 11:54:56
【问题描述】：
我一直在对创建移动 Web 应用程序进行一些研究，我已经进入设计阶段，作为一些研究，我编制了当前一代智能手机的屏幕尺寸和分辨率的列表。
所以我们都知道市面上有大量的手机具有不同的屏幕尺寸，但在设计我的移动网络应用程序时，我是否应该考虑物理屏幕尺寸或分辨率（或两者兼而有之）？
干杯， 内战
【问题讨论】：
标签： mobile-website resolution screen-resolution screen-size
【发布时间】：2011-03-02 11:54:56
【问题描述】：
在设计移动网站时，物理屏幕尺寸和分辨率都很重要。
屏幕尺寸很重要，因为它决定了可以在网站上放置多少内容，还定义了您的点击区域可以有多大（对于触摸输入设备至关重要）。
分辨率将决定您可以在页面上拥有多少细节，这会影响图形等内容。
关于如何使您的网站在各种设备上正常运行的一些建议：
- 调整图形大小以适合请求站点的每个设备。这将确保演示文稿在大多数设备上保持一致。
- 支持页面上元素的灵活尺寸 - 使用百分比而不是固定尺寸，并以相对尺寸指定文本大小。
【讨论】：
当然，布局 UI 组件非常重要。为大屏幕设计的应用程序最终可能会显示太小的字体/控制元素等，如果您只是盲目地将其缩小以缩小显示区域，则可能无法舒适地使用。
【讨论】：
不知道下面是否会有所帮助，但这是我所做的；
我不使用图像作为 ui 元素，而是使用 css 和 html 元素 我没有以像素为单位定义字体大小，而是定义为中、小、大等 对于调整横幅或图像的大小，我主要使用http://deviceatlas.com 或http://wurfl.sourceforge.net。如果我不介意，我只需创建不超过 240 像素的图像
您还可以查看 jQuery Mobile 等框架
【讨论】：