手机wap设计规范.docxVIP

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