转载：让网站对移动终端更友好的25个checklist

1. 按钮或者触摸区域至少44px*44px大小
2. body的字体大小最小14px
3. 文本内容的行高至少1.5
4. 网站的所有地方都要对触摸友好
5. hover隐藏的内容也要在移动端能显示
6. 确保网站在横屏和竖屏都能正常显示
7. 确保常用的触摸操作落在最容易触达的区域
8. 为常用的移动操作优化导航
9. 将非核心的菜单移到底部
10. 保证页面上下文足够清晰
11. 引入一个主屏幕图标(logo)
12. 将图片上面的文字移除
13. 用矢量图标替代图片
14. 保证图片是高分辨率/Retina质量
15. 推荐图片在相应页面突出
16. 确保滚动图片是可以滑动的
17. 用CSS来实现按钮而不是图片
18. 确保折叠显示的内容不会盖在别的内容之上
19. 确保表单使用正确的input type
20. 表单尽可能简短
21. 表单区域关闭自动更正单词(autocorrect)和自动大小写(auto-capitalize)
22. 在适当的地方使用device API
23. 行动召唤按钮使用描述信息
24. 确保转换路径上的行动召唤符合常见的设计方案
25. 确保你的网站在3G环境下3秒内能加载完！

     转载：http://qianduan.us/p/142