移动网页设计（HTML5、Android、iPhone）的指南或经验法则？

Posted 2023-05-06

技术标签:

【中文标题】移动网页设计（HTML5、Android、iPhone）的指南或经验法则？【英文标题】：Guidelines or rules of thumb for mobile web design (HTML5, Android, iPhone)? 【发布时间】：2011-06-01 06:33:54 【问题描述】：

在 SO 上有多个帖子描述了 android 上可用的各种屏幕分辨率。

我的问题是，在 Android 屏幕上进行设计是否有任何经验法则或一般建议。例如，在桌面网络上，我听到的一条经验法则是设计宽度约为 970 像素。

这个问题可以解决 Android 上的原生应用和网络应用。

我们也很想听听关于 iPhone 的任何类似建议（尽管我相信某处有一篇帖子讨论过这个问题）。

谢谢！

【问题讨论】：

【参考方案1】：

值得一提的是不使用了固定的布局。尽可能长时间地为您的应用程序使用严格的相对布局（因为有大量不同的屏幕尺寸和不同的分辨率等）。使用相对度量的良好布局可以让您走得更远。

Android 开发者页面上的Supporting Multiple Screens 部分将为您提供一些有用的信息。

【讨论】：

【参考方案2】：

Google 刚刚使用coverage of mobile web design 为 Android 更新了开发者文档。