一般来说;我应该对网站做出哪些改变,使其对ipad / iphone / android友好

时间:2011-09-21 17:31:25

标签: android html css ipad

我想知道我应该考虑对网站进行哪些更改(如果有的话)以使其对移动设备更友好。我主要关注景观模式。我知道我可以删除侧边栏和那种类型的思考,但我对一些简单和基本的调整更感兴趣,而不是完全适应移动使用(换句话说,我估计在移动设备中使用网站的比例很低,而且没有预算可以开发专用的移动网站/应用程序)。我想我已经知道闪存的后备图像,可能会增加文本大小,但还有其他什么吗?

3 个答案:

答案 0 :(得分:3)

对于Android友好性,请查看此处建议的无数提示:Tips for optimizing a website for Android's browser?

对于iOS友好性,此博文有一些很好的提示:Designing an iPhone-friendly Website

答案 1 :(得分:2)

主要关注的是让它显示得相当好,您需要使用视口tag。除此之外,你需要担心webkit,safari等之间的各种javascript / css不一致。

此外,由于用户可能处于弱连接状态,因此您应该回到20世纪90年代对代码和图像权重的关注。尽量减少下载时间。根据经验,没有单个页面应该大于100k 这可能是有争议的,但在我看来,你应该避免使用下载大量函数的框架(jquery等),然后你几乎不使用它们。除非您的网站真的依赖它,否则只需编写自己的功能并节省带宽。

当然,如果iPhone是您的关注(或任何iOS设备),那么Flash就不是首发。

答案 2 :(得分:1)

我建议使用尽可能少的动态元素。避免使用内部滚动的div这样的东西。

最后,在触控设备上测试您的网站非常重要,因为这是主要区别。