移动网络 - 需要考虑的事项？

Question

所以我正在创建我的第一个迎合移动浏览器的网页.有什么需要考虑的事情？

1. 如何获得适合不同设备(黑莓,iPhone,iPad等)的分辨率？人们使用的是一种常用方法吗？某种框架？

2. 如何防止缩放(在大多数触摸屏手机上,您可以通过捏合放大)？

3. 还有什么要记住的其他事情？

Answer 1

有很多好的做法可以遵循.以下是一些:

1. 使内容更短,更容易阅读.人们只能滚动这么多,并在较小的屏幕尺寸上阅读.
2. 在一个列中开发所有内容.使width弹性(100%或接近它)使其扩展以填充屏幕不要让人们水平滚动页面.
3. 不要使用很多a)脚本,b)css样式表,c)图像.这些需要大量下载,并且会增加页面加载时间和用户的成本(因为大多数人使用移动设备支付每KB用于Web浏览).合并/ gzip您的文件.
4. 在你的css,添加额外line-height的更容易阅读.
5. 在您的电话号码中css添加额外的letter-spacing数字,以便于阅读.
6. 对于想要完整内容的用户,请保留指向完整网站的链接.
7. 在页面底部包含一个回到顶部的链接,因此用户无需一直向上滚动.
8. 添加填充a hrefs以便更容易点击/触摸链接.
9. 使用,HTML5 form types以便现代浏览器将使用适当的键盘... http://diveintohtml5.ep.io/forms.html