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

Question

所以我正在创建我的第一个适合移动浏览器的网页。有哪些需要考虑的事项？

我如何为不同的设备(黑莓、iPhone、iPad 等)获得正确的分辨率？是否有人们正在使用的通用方法？某种框架？

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

还有哪些需要注意的事项？

Answer 1

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

使内容更短，更易于阅读。人们只能在较小的屏幕尺寸上滚动和阅读这么多内容。

在一个列中开发所有内容。制作 width灵活(100% 或接近它)使其扩展以填满屏幕 不要让人们水平滚动页面。

不要使用大量 a) 脚本，b) css 样式表，c) 图像。这些需要大量下载，并且会增加页面加载时间和用户成本(因为大多数使用移动设备的人为 Web 浏览按 KB 付费)。合并/gzip 文件。

在您的 css , 添加额外 line-height为了更容易阅读。

在您的 css , 添加额外 letter-spacing电话号码中的数字之间，以便于阅读。

对于想要完整内容的人，保留一个返回完整站点的链接。

在页面底部包含一个返回顶部链接，因此用户不必一直向上滚动。

添加填充到 a hrefs以便更轻松地单击/触摸链接。

使用 HTML5 form types以便现代浏览器将使用适当的键盘... http://diveintohtml5.ep.io/forms.html