移动设备编程网站

Question

我很好奇如何使网站移动设备友好..所以什么是最好的尺寸，以及如何让网站找出他们是否在移动设备上。还有什么我需要限制我的设计和编码，使网页更无毛刺和更快的加载...

Answer 1

实际上有两大这里学校，这取决于你的观众：

如果你谈论的是目前手机浏览器，目前市场上绝大多数的使用功能齐全的浏览器，如在iPhone，Android的变种，Palm Pre等。这些可以处理复杂的javascript和现代css。对于这个群体，你主要关注的是如何精简非常有限的页面宽度（> 800px）的布局，最小化需要加载的数据量（因为移动连接可能非常缓慢），以及优化字体大小和线高度为可读性。然而，在发展中国家（非洲，南美洲，亚洲部分地区），移动浏览是A）非常重要的，B）在硬件能力方面落后大约5-10年。移动互联网是获得这些领域信息的主要手段，但你真的需要像1999年那样编写HTML（当然不包括表格）。保持你的标记非常干净，非常简单，限制任何花哨的造型，不要依赖于JavaScript，Flash或其他任何东西。

对于这种类型的观众，您应该非常关注您的页面的外观，而不应使用任何样式表应用。语义标记是国王。当然，你可以设计它，但尽可能保持最小。

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

Answer 2

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

Answer 3

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