杜刚的空间

我们一直在努力....

手机wap网站一行显示多少合适

标签: 手机网站 wap网站 手机开发 wcss xhtml mp
        手机wap网站开发,会受很多因素影响与制约,给开发带来不小难度。要分析手机设备占有率,测试不同手机浏览器兼容性,考虑手机屏幕大小并将合适的内容,展现在手机上。本文通过国内、外,相关手机wap网站对比、分析手机网站应该采取什么样的文字排版格式,以更好兼容各种浏览器,并展现给用户查看。

1、手机wap网页显示基本数据

屏幕类型

一屏显示条数

横向屏幕

8-10行(140-180px)

纵向屏幕

10-12行(180-215px)

2、手机以下特征影响页面宽度:

Wap页面在手机的显示宽度由手机决定:

大屏手机是240和320两种宽度,目前各网站在宽度显示问题的处理上,有固定页面宽度(如空中网、搜狐网等)和自适应页面两种(国外多数网站采用),即在手机自动调节使用大字和小字的情况下满足一行字数,背景宽可以自适应所有宽度,最小宽度是满足不折行的宽度;

手机特征一行一般最多显示13.5个中文字:

宽屏字数开始有所增加,但为了满足大部分的手机需求,目前一行最多字数不超过13.5个字数的限制,因此页面宽度需满足标题不折行;

手机字体大小、行距等显示属性由手机端设置决定:

对字体大小、加粗、行距等属性的支持受手机端影响。

3、国内外主要网站页面长度和宽度(页面以宽度自适应为主)

国外

网站名称

首页长度

首页宽度

yahoo

670px(32行文字链)

页面宽度自适应

bbc

732px(30行文字链)

页面宽度自适应

AOL

990px(37行文字链)

页面宽度自适应

CNN

650px(27行文字链)

页面宽度自适应

NBA

790px(45行文字链)

页面宽度自适应

路透社

250px(25行文字链)

页面宽度自适应

国外网站特征:首页长度在1000px(大约40行文字链以下),长度较短,首页以要闻和导航为主,不过多累积资讯条目,页面宽度多采用自适应形式,除文字链字数外不受手机宽度影响。

国内

网站名称

首页长度

首页宽度

乐讯

870px(45行文字链)

最多13.5个字 页面宽度自适应

3g

1090px(53行文字链)

最多14个字 页面宽度自适应

空中网

2180px(123行文字链)

最多14个字 页面固定宽度236px

sohu

1680px(89行文字链)

最多13个字 页面固定宽度220px

qq

920(51行文字链)

最多13个字 页面宽度自适应

摩网

980(55行文字链)

最多13个字 页面固定宽度180px

泡泡门户

1250(68行文字链)

最多14个字 页面固定宽度240px

新浪

1085(64行文字链)

最多14个字 页面宽度自适应

国内网站特征:首页长度较长,以空中网、搜狐为代表的典型新版2.0页面都拉长页面以增大信息量为主要方式,页面最小宽度是满足13-14个字的宽度,其中多数新版wap2.0页面都采用固定宽度的模式,此点与国外各网站差异较大。

通过对比,做如下总结:
1、每行文字,不要超过14个汉字。
2、全部左对齐,不管页面大小
3、为了更好的兼容尽可能多的手机及浏览器,尽量用标准的XHTML MP (XHTML Mobile Profile)语言,及标准的wcss样式。


    评分: 请先登录再投票,同一篇博客一月只能投票一次!
    无人投票

相关博客:


评论


发表评论

关注此文的人们还关注