mobile-website - 移动设备编程网站

Question

我很好奇如何使网站移动设备友好.. 那么最好的尺寸是什么，我如何让网站弄清楚它们是否在移动设备上。还有我需要限制我的设计和编码以使页面更无故障和更快的加载......

Answer 1

这里确实有两所主要学校，这取决于您的听众：

如果您谈论的是当前的移动浏览器，那么市场上的大多数人都在使用功能齐全的浏览器，例如 iPhone、Android 变体、Palm Pre 等。这些浏览器可以处理复杂的 javascript 和现代 css 之类的东西。对于这群人，您主要希望专注于为非常有限的页面宽度（> 800 像素）简化布局，最大限度地减少需要加载的数据量（因为移动连接可能非常慢），以及优化字体大小和行高以提高可读性。

然而，在发展中国家（非洲、南美、亚洲部分地区），移动浏览是 A) 极其重要的，并且 B) 硬件能力落后了大约 5-10 年。移动互联网是获取这些领域信息的主要手段，但您确实需要像 1999 年那样编写 HTML（当然要减去表格）。保持你的标记非常干净和简单，限制任何花哨的样式，不要依赖 javascript、flash 或其他任何东西。

对于这种类型的受众，您应该非常关心您的页面在没有应用任何样式表的情况下会是什么样子。语义标记为王。当然，您可以设计它的样式，但要尽可能地减少它。

希望能提供一些基本的想法。

Answer 2

您可以查看W3 Mobile Web Initiative。他们有许多最佳实践以及一些好的工具，例如Mobile Web Validator。

Answer 3

为了使界面用户友好，我建议您使用jQuery Mobile。