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

有帮助吗?

解决方案

有真正两大这里学校,这取决于你的观众:

如果你谈论的是目前手机浏览器,目前市场上绝大多数的使用功能齐全的浏览器,如在iPhone,Android的变种,Palm Pre的等,这些可以处理的事情一样复杂的JavaScript和CSS的现代化。对于这个人群,你主要是想集中在东西像简化布局非常有限的页面宽度(> 800像素),最大限度地减少需要加载的数据量(由于移动连接可能会非常缓慢),以及优化的字体,大小和线的高度为可读性。

然而,在发展中国家(非洲,南美,亚洲部分),那么移动浏览是A)极为重要,B)大约落后5 - 10年的硬件能力。移动互联网是获得这些方面的信息的一个主要手段,但你确实需要编写HTML喜欢它的1999年(零下课程表)。让您的标记很干净,很简单,限制任何花哨的造型,并且不依赖于JavaScript,Flash或其他任何东西。

对于这种类型的观众,你应该很关心你的页面看起来像什么,没有任何的应用的样式表。语义标记为王。当然,你就能风格,但保持尽可能小。

希望这提供了一些基本思路。

其他提示

您不妨来看看在 W3移动互联网首创。他们有很多最佳实践,以及一些好的工具,如移动Web验证

为使界面人性化,我建议你使用 jQuery Mobile的

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top