我现在想制作一个适用于基本上所有支持 html5 的设备的应用程序。最后三个让我很难过，因为关于这些设备的应用程序的信息很少。
它们都有不同的屏幕分辨率，它们都需要单独的设计吗？
iPhone 3Gs/ iPhone 4
Motorola Droid
iPod Touch
iPad 2
Samsung Tab 7”
Motorola Xoom
Sony Tablet S
问问题
327 次
2 回答
1
如果您希望它们适合所有设计，您可以使用百分比作为宽度并将所有内容弯曲到屏幕上。首先设计一切以适应您最小的屏幕分辨率并在此基础上进行扩展。我的意思是因为 iphone 的分辨率较小，所以首先要让所有必要的内容适合 iphone。然后，如果您想向 ipad 用户或具有更大分辨率的用户展示其他内容，您可以使用 css 或您的编程语言来显示右侧内容面板或您需要的任何内容以适应额外空间。
这不是必需的，因为如果您的左栏为 40%，右栏为 60%，它将在 ipad 上填充相同的内容，但根据您的内容，您可能不需要这么多空间，因此您可以仅在空间上填充其他信息较大的设备。
您可以使用 JQuery 获取屏幕宽度并为每种类型和布局显示不同的 css 文件。
祝你好运
于 2011-10-31T21:03:54.933 回答
1
您应该考虑在所有设备和外形尺寸上进行单一体验对用户的影响。
电话在房地产上非常紧张，因此它们通常具有范式演练。获取列表、选择、在堆栈上弹出视图、弹出返回列表等......这是由房地产决定的导航繁重流程。
平板电脑有更大的空间可以使用，所以你应该利用弹出视图、多个拆分窗格等来利用它......
它是 HTML5 而不是 UIKit 的事实是无关紧要的。客户希望获得良好的体验，并期望在不同的外形尺寸上获得不同的体验。
我建议即使在 HTML5 应用程序中也遵循模型视图控制器。将尽可能多的逻辑推送到一个通用的 javascript 代码模型集中，并且仅在视图上有所不同。和你在 UIKit 中做的一样...
如果您根据房地产大小创建通用模型和不同视图，那么至少您只构建 2 个（平板电脑与手机）而不是 2 * 数量的平台。
于 2011-10-31T21:13:09.427 回答