为移动设备编程网站

Question

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

Answer 1

这里有两所主要的学校，这取决于你的观众：

如果您正在谈论当前的移动浏览器，大多数市场都在使用iPhone，Android变体，Palm Pre等全功能浏览器。这些浏览器可以处理复杂的javascript和现代css等内容。对于这一群体，您主要想要关注非常有限的页面宽度（> 800px）的流线型布局，最小化它需要加载的数据量（因为移动连接可能非常慢），以及优化字体大小和线高可读性。

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

对于这类受众群体，如果不应用任何样式表，您应该非常关注页面的外观。语义标记是王道。当然你可以设计它，但要尽可能保持它的最小化。

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

Answer 2

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

Answer 3

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