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

Question

我很好奇如何使网站移动设备友好..那么什么是最佳尺寸以及我如何让网站弄清楚它们是否在移动设备上。我还需要对我的设计和编码进行哪些限制才能使页面更无故障且加载速度更快...

Answer 1

这里真的有两个主要学校，这取决于你的听众:

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

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

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

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