手机端开发规范.pdf

手机端开发规范 1．字数 由于手持设备的特殊性，其页面中实际文字大小未必是我们在 CSS 中设定的文字大小， 尤其是在第三方浏览器中， 一般情况下手机 文本字体在 16px 左右，假如屏幕分辨率宽度为 240px，去除外边距， 那么其一行显示 14 个字以内，是比较保险（避免文本换行）的做法。 2．字体 大部分手机浏览器默认字体为 “宋体 ”和 “黑体 ”，手机 wap 网站的文字的正文字号应该为 16px ，正文大小变化的文字字号为 14px 、 18px ，内容比较多但需要一行显示的时候还可以用 12px， 图文结合紧密的也可用 10px。不过 10px 和 12px 已经很小，需少量 使用。 3．图片 部分手机不支持 png8 和 png24，所以尽量使用 jpg 和 gif 的图片， 图片应尽量采用 高分辨率 来适应不同的屏幕， 图片的宽高可以通过代 码来控制，但切记图片的大小一般不要超过 20k，小图标的大小一般 几 kb 为最好，这样既可以适应不同的平台，也可以提高相应速度。 尽量不要使用背景图。 4．布局 网页样式上要简洁大方， 样式不要太复杂， 由于手机屏幕的限制， 设计尽量简单， 便于浏览。 我们设计的时候还应该注意设计时不应该 加入太多的样式，简单明了、大气规范是手机网页设计的中心思想。 正文和标题、屏幕左右的间距一般在 5-10px 之间，以免导致客户阅 读困难。